jQuery清除日期选择器字段中的值,该值与未选中的复选框相关联

jQuery clear the value from the datepicker field, tied to the checkbox being unchecked

本文关键字:复选框 关联 日期 字段 清除 jQuery 选择器      更新时间:2023-09-26

这是我的场景:
我有一个带有复选框的表单。
- 选中后,我隐藏了另一个具有终止日期输入字段的<div>,该字段具有datepicker
- 如果未选中该复选框,我想显示带有终止日期字段的<div>。用户,单击日期,然后选择一个日期。

我无法弄清楚的问题:如果在选择日期后,用户再次选中复选框,如何将终止日期字段重置为无?

我把代码放在jsfiddle上。

我已经尝试了一百万种方法,但似乎没有任何效果。

对此有任何帮助,非常感谢!!

我试了一下:

http://jsfiddle.net/z8gEy/16/

我只是在隐藏方法之后添加了:

$("input[type=date][name$=TerminationDate]").val('');
var hdnFromDate = document.getElementById('FromDate').value;
if (hdnFromDate == '') {
    var picker = new Pikaday({
        field: document.getElementById('FromDate'),
        toString(date, format) { // using moment
            return moment(date).format('DD/MM/YYYY');
            // return moment(date).format('YYYY/MM/DD');
        },
    });
}