【问题标题】:How to set the jquery datepicker value to null?如何将 jquery datepicker 值设置为 null?
【发布时间】:2015-11-04 21:20:35
【问题描述】:

我需要在我的日期选择器上将初始值设置为 null。 因此,当页面加载时,文本框中没有任何内容。我不介意在打开日期选择器时是否突出显示今天的日期,只要未选择该值,除非用户选择了一个。

我尝试了占位符,但它仅在我删除今天的日期后才会出现... (有一个占位符也很好)

请帮忙!使用 razor2 视图的 ASP.Net MVC 4 应用程序。

  <div class="controls">
     @Html.TextBoxFor(model => model.Appointment, 
     new {@id = "AcceptedDatepicker",@class = "span12 m-wrap"})
  </div>

      $("#AcceptedDatepicker").datepicker({
        dateFormat: 'D dd M yy',
        minDate: 0,
        highlightWeek: true,
        showAnim: "scale",
        showOptions: {
            origin: ["top", "left"]
        }
    });

【问题讨论】:

    标签: c# jquery html asp.net-mvc-4


    【解决方案1】:

    试试这个,

    $("#AcceptedDatepicker").datepicker({
            dateFormat: 'D dd M yy',
            minDate: 0,
            highlightWeek: true,
            showAnim: "scale",
            showOptions: {
                origin: ["top", "left"]
            }
        }).val('');
    

    或者这个,

    @Html.TextBoxFor(model => model.Appointment, string.Empty, new {@id = "AcceptedDatepicker",@class = "span12 m-wrap"})
    

    【讨论】:

    • 非常非常感谢,我知道它必须直截了当,只是找不到语法!!,谢谢
    【解决方案2】:

    我应用了上面给出的所有解决方案,但还没有奏效。在剃须刀上,我的代码如下...我希望该文本框为空,同时将当前日期显示为默认日期。

    <div class="col-md-8 input-group" data-date-format="dd/mm/yyyy">
    @Html.TextBoxFor(model => model.StrJoiningDate, new { @class =     
    "DatepickerNew ", id = "txtJoiningDate",})
    

    在 javascript/jquery 上我添加了以下代码

    <script type="text/javascript">
         $(function () {
    
            $('.DatepickerNew').daterangepicker({
                singleDatePicker: true,
                showDropdowns: true,
                locale: {
                format: 'DD/MM/YYYY'
            },
            minDate: (Date, "01/01/1920"),
            maxDate: (Date, "01/01/2099")
    
        });
    });
    </script>
    

    css 为

    http://cdn.jsdelivr.net/bootstrap/latest/css/bootstrap.css

    寻求帮助

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2019-06-09
      • 1970-01-01
      • 1970-01-01
      • 2012-10-06
      相关资源
      最近更新 更多