javascript - jQuery 清除 datepicker 字段中的值，绑定到未选中的复选框

Question

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

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

我将代码放在jsfiddle上。

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

对此的任何帮助，不胜感激！！！

Answer 1

我试了一下：

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

我只是在 hide 方法之后添加：

$("input[type=date][name$=TerminationDate]").val('');

Answer 2

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');
        },
    });
}