jquery 将日期重置为空将使日期格式无效

ej83mcc0  于 2023-08-04  发布在  jQuery
关注(0)|答案(1)|浏览(168)

我有一个简单形式的jQuery DatePicker。我希望能够清除日期(将输入内容留空)。我已经用一些额外的代码实现了这一点,但在清除后,我失去了日期格式'yy-mm-dd',它是恢复到'mm-dd-yy'。我已经尝试重新应用格式作为清除的一部分,但没有效果(见下文)。请问我该怎么做呢?

<li>
    <label class='wide' for="startDate">Start Date</label>
    <input class='datepicker' type='text' id='startDate' name='start_date' size='16'/>
</li>
<li>
    <input type="button" value="Clear dates" class="" id="clear-dates">
</li>


$(document).ready(function(){
    $(function() {
        var calDate = document.getElementById('startDate').value;
        var startDate = dateToSQL (calDate);  // my dateToSQL function is elsewhere
        $( ".datepicker" ).datepicker({
            dateFormat: "yy-mm-dd",
            defaultDate: startDate
        });
    });
});

var $dates = $('#startDate').datepicker();

$('#clear-dates').on('click', function () {
    $dates.datepicker('setDate', null);
    $dates.datepicker.dateFormat: "yy-mm-dd",
    $( ".datepicker" ).datepicker({
        dateFormat: "yy-mm-dd"
    });
});

字符串
在上面的代码片段中,我尝试了两种方法(不是同时进行的),但都不起作用

uplii1fm

uplii1fm1#

结果很简单:

$( ".datepicker" ).datepicker( "option", "dateFormat", "yy-mm-dd" );

字符串
看起来你只能直接初始化日期选择器一次,之后你需要“选项”路由。

相关问题