当前位置: 首页 > 知识库问答 >
问题:

如何从不同的datepicker为datepicker设置minDate,setDate,defaultDate?

笪德华
2023-03-14

我有两个日期选择器“一个范围”,第一个选择器是“pre_from”日期,第二个是“pre_to”日期。但是,我想在这里做的是将“pre_to”选择器minDate发送到=“pre_from”selectedate。此外,我还想将“pre_to”选择器设置为“pre_from”所选月份的最后一天。

我已经向“pre_from”datepicker的“onclose”函数添加了一段代码,该代码应该设置“pre_to”。但它并不像我预期的那样起作用。由于某种原因,它没有设置默认的选择日期和当前选择的值。

下面是我的尝试。

$(function(){

function LastDayOfMonth(Year, Month) {
    return new Date( (new Date(Year, Month+1,1))-1 );
}


    $('#pre_from').datepicker({
        dateFormat: "yy-mm-dd",
        changeMonth: true,
        changeYear: true,
        onClose: function( selectedDate ) {
            var d = $.datepicker.parseDate("yy-mm-dd",  selectedDate);
            var last_day = LastDayOfMonth(d.getFullYear(), d.getMonth());

                //setDate: new Date(last_day.getFullYear(), last_day.getMonth(), last_day.getDay() ),
                //defaultDate: new Date(last_day.getFullYear(), last_day.getMonth(), last_day.getDay() )

            $( "#pre_to" ).datepicker({ 
                minDate: selectedDate,
                setDate: last_day,
                defaultDate: last_day
            }); 
        }   
    });

    $('#pre_to').datepicker({
        dateFormat: "yy-mm-dd",
        changeMonth: true,
        changeYear: true,
        onClose: function( selectedDate ) {
            $( "#pre_from" ).datepicker( "option", "maxDate", selectedDate );
        }       
    }); 

});

我在这里做错了什么?

谢谢

共有1个答案

西门京
2023-03-14

我终于想通了

我不得不将$(“#pre_to”).datepicker({更改为$(“#pre_to”).datepicker(“option”,{

$(function(){

function LastDayOfMonth(Year, Month) {
    return new Date( (new Date(Year, Month+1,1))-1 );
}


    $('#pre_from').datepicker({
        dateFormat: "yy-mm-dd",
        changeMonth: true,
        changeYear: true,
        onClose: function( selectedDate ) {
            var d = $.datepicker.parseDate("yy-mm-dd",  selectedDate);
            var last_day = LastDayOfMonth(d.getFullYear(), d.getMonth());

            $( "#pre_to" ).datepicker("option", { 
                minDate: selectedDate,
                setDate: last_day,
                defaultDate: last_day
            }); 
        }   
    });

    $('#pre_to').datepicker({
        dateFormat: "yy-mm-dd",
        changeMonth: true,
        changeYear: true,
        onClose: function( selectedDate ) {
            $( "#pre_from" ).datepicker( "option", "maxDate", selectedDate );
        }       
    }); 

});
 类似资料:
  • 问题内容: 我在AngularJS项目的Date From和Date To字段上使用JQuery UI的Datepicker。我添加了将值绑定到模型值的指令,还添加了对OnSelect的检查,该检查为每个字段设置minDate和maxDate选项(因此Date To永远不会早于Date From)。问题在于,在加载页面时,实际上没有选择任何日期(即使模型具有值),因此仍然可以选择早于“日期自”的“

  • 如果我设置我的闹钟3秒后,接收器被呼叫,我得到我的通知。

  • 我在数据库中存储了日期。我可以成功地获取日期。但是当涉及到将任何特定的日期设置为Report-datepicker的DatePicker时,我无法设置该日期。 下面是我用来获取日期和设置带有日期值的状态的代码。 函数,用于使用MomentJs转换日期 在获得日期之后,现在我尝试将日期设置为datepicker,并尝试设置参数。以下是代码: 我哪里出错了?有没有其他方法设置日期到DateTimePi

  • jQueryUI中的Datepickers允许用户轻松,直观地输入日期。 您可以自定义日期格式和语言,限制可选日期范围,并轻松添加按钮和其他导航选项。 jQueryUI提供了datepicker datepicker()方法,该方法通过添加新的CSS类来创建日期选择器并更改页面上HTML元素的外观。 将包装集中的“input”,“div”和“span”元素转换为datepicker控件。 默认情况

  • 问题内容: 我只是想从我在网上找到的许多android datepicker教程之一创建的datepicker对话框中获取日期。一旦选择了文本日期,我似乎在实际检索文本日期的某处出错。我有一个DatePickerFragment类,该类从嵌套在MainActivity活动类内的CreateEvent片段调用。这是DatePicker: 我知道实际尝试设置日期的时间,据我了解,这意味着它实际上无法在

  • 我想显示datepicker弹出窗口。我找到了一些例子,但我没有得到正确的理解。我有一个edittext,我希望当我单击edittext时,datepicker对话框应该弹出,在设置日期后,日期应该以DD/MM/YYYY格式显示在edittext中。请提供给我样本代码或良好的链接。