自定义jQuery日历

时间:2012-08-09 作者:Kyle

我以前从未使用过Jquery,所以我被卡住了。

显示的datepicker日历并不完全是我想要的,因此我希望对其进行自定义,但甚至不知道从哪里开始,因为我不知道如何使用jquery。

这是我当前的日历:http://imgur.com/dwv5f

虽然我只想显示一个月(默认视图),但我不想显示年和月(不可见)下拉列表,并且希望不允许使用过去的日期(如果可能的话,包括今天和明天)。

我在这里找到了jquery ui助手http://jqueryui.com/demos/datepicker/ 通过示例,我显然只想恢复默认设置:

<script>
$(function() {
$( "#datepicker" ).datepicker();
});
</script>
然后对于min-max date,我希望有人也知道如何使用此代码,将mindate设置为后天,maxdate设置为1年后的日期(https://stackoverflow.com/questions/7896276/customize-jquery-ui-datepicker )

$("#mydatepicker").datepicker({
maxDate: \'\',
minDate: \'\',

});
但我不知道如何用Wordpress实现这些功能,非常感谢对jquery和Stick的帮助。

1 个回复
最合适的回答,由SO网友:Mattvic 整理而成

这里有一些东西可以让你开始。

根据您的需要调整以下代码创建初始化。用记事本创建js文件并将代码粘贴到其中,然后将其保存在主题文件夹(例如js目录)的逻辑位置Register and enqueue 此文件(请确保在jquery之后加载)日期选择器设置:

/* http://codex.wordpress.org/Function_Reference/wp_enqueue_script#jQuery_noConflict_wrappers */
jQuery(document).ready(function($) {

  /* For all options see http://jqueryui.com/demos/datepicker/ */    
  $("#datepicker").datepicker({
    defaultDate: +2,   
    minDate: 0, 
    maxDate: \'+2y\',
    numberOfMonths: 1,
    showAnim: \'fadeIn\',
    showButtonPanel: true,
    buttonImageOnly: true,
    buttonText: \'Pick a date\',
    showOn: \'both\'
  });

});  

结束