javascript - 如何将复选框与 jquery Datepicker 相结合

Question

我想将复选框与 jquery Datepicker 结合使用，这样当复选框被选中时，日期选择器应该变为禁用并显示预定义的日期。

$(function() {
    $( "#from" ).datepicker({
      defaultDate: "today",
      changeMonth: true, dateFormat: 'yy-mm-dd 00:00:00',
      onClose: function( selectedDate ) {
        $( "#to" ).datepicker( "option", "minDate", selectedDate );
      }
    });
    $( "#to" ).datepicker({
      defaultDate: "today",
      changeMonth: true,dateFormat: 'yy-mm-dd 00:00:00',
      onClose: function( selectedDate ) {
        $( "#from" ).datepicker( "option", "maxDate", selectedDate );
      }
    });
  });

选中复选框后 -from = 2000-11-04 00:00:00 & to = 今天的日期。我将这些值传递给 HTML 表单。

请帮帮我。

Answer 1

您可以使用日期选择器方法 setDate(例如 $( "#from").datepicker('setDate', new Date());

所以你的代码应该是这样的:

$('#checkbox').change(function(){
   if($(this).is(':checked')){
        $( "#to" ).datepicker('setDate', new Date()).datepicker( "option", "disabled", true );
        $( "#from" ).datepicker('setDate', new Date(2000, 11, 04)).datepicker( "option", "disabled", true );
   }else{
        $( "#to" ).datepicker( "option", "disabled", false);
        $( "#from" ).datepicker( "option", "disabled", false);
   }
});

这是 jsFiddle