【问题标题】:DatePicker bootstrap date from filled filed angularjsDatePicker 来自填充归档的 angularjs 的引导日期
【发布时间】:2017-11-07 15:57:00
【问题描述】:

我在我的应用程序 web 中使用引导程序。

我创建了一个方法,用一个名为 form_datetime 的类来初始化所有日期类型的输入:

 function initDatepicker(){
        $(".form_datetime").datepicker({
            format: "dd/mm/yyyy",
            weekStart: 1,
            language: "it",
            todayHighlight: true,
            autoclose: true,
            orientation:"auto"
        });
 }

输入的html:

<input name="date" class="form-control form_datetime date"
                                type="text"
                                ng-model="date"                             
                                required  >

这里的问题是,当我选择 date 字段时,输入将为空,并且我丢失了之前设置的值(从数据库获取的值)。

格式字符串“dd/mm/yyyy”的日期值。

如何获取日历中输入的实际日期的日期?

【问题讨论】:

    标签: javascript angularjs datepicker


    【解决方案1】:

    如果您使用 AngularJS Material Datepicker 和 moment 插件,您可以使用

    强制该格式
      .config(function($mdDateLocaleProvider) {
          $mdDateLocaleProvider.formatDate = function(date) {
            return moment(date).format('DD/MM/YYYY');
          };
          $mdDateLocaleProvider.parseDate = function(dateString) {
            var m = moment(dateString, 'DD/MM/YYYY', true);
            return m.isValid() ? m.toDate() : new Date(NaN);
          };
       });
    

    看implemented。

    【讨论】:

    • 不,我正在使用引导日期选择器,当我在未从日历中选择任何日期的情况下单击输入时,我丢失了实际日期并且输入字段将为空
    【解决方案2】:

    解决方法在link

     function initDatepicker(){
            $(".form_datetime").datepicker({
                format: "dd/mm/yyyy",
                weekStart: 1,
                language: "it",
                todayHighlight: true,
                autoclose: true,
                orientation:"auto",
                forceParse: false //
            });
     }
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2019-11-20
      • 2014-12-09
      • 1970-01-01
      • 2018-12-27
      相关资源
      最近更新 更多