如何自定义jquery ui日期选择器?

时间:2012-12-15 04:45:29

标签: jquery datepicker customization

我想通过将服务器日期设置为当前日期来自定义jquery ui日期选择器。

在引用question

之后 我记下了

var queryDate = '2012-11-15',
    dateParts = queryDate.match(/(\d+)/g)
    realDate = new Date(dateParts[0], dateParts[1] - 1, dateParts[2]);  
                                // months are 0-based!


$('#datepicker').datepicker('setDate', realDate);
$('#datepicker').datepicker({ dateFormat: 'yy-mm-dd' });

它有效,但当我改变第二步

$('#datepicker').datepicker({ dateFormat: 'yy-mm-dd',minDate: 0,maxDate: '+6M' });

它根据系统日期而不是我指定的服务器日期显示日期

如何解决这个问题?

1 个答案:

答案 0 :(得分:1)

您只需将输入字段的值设置为服务器端的值:

<script>
var queryDate = '2012-02-25';
var dateParts = queryDate.match(/(\d+)/g);

var realDate = new Date(dateParts[0], dateParts[1] - 1, dateParts[2]);

var min_date = new Date(2012, 2 - 1, 25 - 20); //feb 5 is the min date
var max_date = new Date(2012, 2 - 1, 25 + 1); //feb 26 is the max date

$( "#date" ).datepicker({dateFormat: 'yy-mm-dd', minDate: min_date, maxDate: max_date});
$( "#date" ).datepicker("setDate", realDate);
</script> 

在这种情况下,我们将日期设置为2012-02-25。要使其正常工作,您必须将日期选择器的格式设置为与您用于'Y-m-d'

的值的格式相同