Question

我有一个供用户输入的表单列表。所有表单都具有用户需要填写的相同输入。还有一个下一个按钮可以转到下一个表单。所以基本上流程是这样的：用户填写第一个表单，单击下一个按钮将转到第二个表单，依此类推。所以我只是重复使用所有表单的输入。在重置下一个表单的输入字段后，我先进行保存。

除了datepicker字段外，一切正常，我使用了Kendo Datepicker。我把它重置为：

$('#datepicker').data('kendoDatePicker').value("");

即使认为该字段没有显示任何内容，但是当我保存时，它总是将之前的输入日期设置为它。

所以任何人都知道如何解决这个问题？

Answer 1

只需使用$("#datepicker").val('');

即可

参见JsFiddel http://jsfiddle.net/x4dA9/775/

添加：使用模型：jsFiddel

Answer 2

用行重置Kendo UI jQuery datepicker之后...

datepicker.value（''）

输入掩码丢失。要保留输入掩码，请重置控件上的格式选项...

$("#clearSystemUsageToBtn").click(function (e) {
    var datepicker = $("#DateToK").data("kendoDatePicker");
    datepicker.value('');
    datepicker.setOptions({ format: "dd/MM/yyyy" });
});

Answer 3

<input type="text" name="datefilter" value="" />

<script type="text/javascript">
$(function() {

  $('input[name="datefilter"]').daterangepicker({
      autoUpdateInput: false,
      locale: {
          cancelLabel: 'Clear'
      }
  });

  $('input[name="datefilter"]').on('apply.daterangepicker', function(ev, picker) {
      $(this).val(picker.startDate.format('MM/DD/YYYY') + ' - ' + picker.endDate.format('MM/DD/YYYY'));
  });

  $('input[name="datefilter"]').on('cancel.daterangepicker', function(ev, picker) {
      $(this).val('');
  });

将datepicker值设置为空

3 个答案: