1

我正在使用该onSelect事件来将EndDate等于的最小值设置为设置为 a 的值StartDate。我在几页中有相同的代码，但在其中一页中它不起作用。如果我在 中选择一个值，当我进入该字段StartDate时，日期选择器不会显示。EndDate页面使用 ajax 加载和处理。

我的代码如下：

$(document).ready(function() {

$("#strStartDate").datepicker({ 
          dateFormat: 'dd/mm/yy', 
          constrainInput: true,
          firstDay: 1,
          hideIfNoPrevNext: true,
          onSelect: function(){
                $("#strEndDate").datepicker( "option", "minDate", $("#strStartDate").val());
          }
     });

     $("#strEndDate").datepicker({ 
          dateFormat: 'dd/mm/yy', 
          constrainInput: true,
          firstDay: 1,
          hideIfNoPrevNext: true
     });
 });

任何帮助深表感谢。先感谢您。

使用您评论背后的想法，我几乎可以做我想做的事情

$("#strStartDate").datepicker({ 
      dateFormat: 'dd/mm/yy', 
      constrainInput: true,
      firstDay: 1,
      hideIfNoPrevNext: true,
 });

 $("#strEndDate").datepicker({ 
      dateFormat: 'dd/mm/yy', 
      constrainInput: true,
      firstDay: 1,
      hideIfNoPrevNext: true,
      beforeShow: function (input, inst) {
            inst.settings.minDate = $("#strStartDate").val();
     }
 });

上面的代码限制用户将结束日期设置为小于开始日期，但是如果结束日期中已经有一个值，并且您将开始日期更改为大于结束日期的值，则应该将结束日期设置为等于开始日期日期。这就是我在早期代码中尝试使用下面的代码

onSelect: function(){
        $("#strEndDate").datepicker( "option", "minDate", $("#strStartDate").val());
     }

知道如何使用实例执行此操作而不是再次初始化吗？

4

3 回答 3

1

好的，伙计们......好消息......至少对我来说：）

$("#strStartDate").datepicker({ 
      dateFormat: 'dd/mm/yy', 
      constrainInput: true,
      firstDay: 1,
      hideIfNoPrevNext: true,
      onSelect: function(){
            if ($("#strStartDate").val() > $("#strEndDate").val()){
                $("#strEndDate").val($("#strStartDate").val());
            }
      }
 });

$("#strEndDate").datepicker({ 
      dateFormat: 'dd/mm/yy', 
      constrainInput: true,
      firstDay: 1,
      hideIfNoPrevNext: true,
      beforeShow: function (input, inst) {
            inst.settings.minDate = $("#strStartDate").val();
     }
 });

这是最终代码。它只为每个日期选择器创建一个实例，并在您想将其用作日期范围选择器时执行必要的验证。

再次感谢您的指导

于 2010-11-24T16:54:18.473 回答
0

我不确定这会解决你的问题，但试试这个：

$("#strStartDate").datepicker({ 
      dateFormat: 'dd/mm/yy', 
      constrainInput: true,
      firstDay: 1,
      hideIfNoPrevNext: true,
      onSelect: function(selectedDate){
            $("#strEndDate").datepicker("option", "minDate",selectedDate);
      }
 });
于 2010-11-22T19:10:11.690 回答
0

这应该做你需要的：

function fromTo(startDate, endDate) {
  $(startDate + ", " + endDate).datepicker({
    onClose: function (dateText, inst) {
      if ("#" + inst.id === startDate) {
        $(endDate).datepicker("option", "minDate", $(startDate).val());
      }
    },
    beforeShow: function (input, inst) {
      if (inst.id == $(endDate).get(0).id) {
        inst.settings.minDate = $(startDate).val();
      }
    },
    dateFormat: 'mm/dd/yy',
    constrainInput: true,
    firstDay: 1,
    hideIfNoPrevNext: true
  });
}

利用fromTo("#startdate", "#enddate");

于 2010-11-22T19:20:31.710 回答