以角度

时间:2016-05-07 16:11:57

标签: angularjs bootstrap-datepicker

点击DATEPICKER了解我的问题。 日期显示在其中的格式是' d-d M yyyy'。 EditText中显示的日期(图片DATEPICKER)是" 2016年5月18日至18日"。 但我希望将其显示为" 2016年5月18日至21日"。那么,有没有任何方式(任何格式)显示日期为" 2016年5月18日至21日"。

我正在使用带有以下链接的bootstrap datepicker。

<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.0/css/bootstrap-datepicker3.min.css" rel="stylesheet">

我给这个日期选择器的一些默认选项是

    autoclose: true,
    todayHighlight: true,
    clearBtn: true
    format: 'd-d M yyyy',

另外,我正在使用date-setter-directive,如下所示。

app.directive('dateSetter', function(){

return {
    restrict: 'A',
    require: '?ngModel',
    link: function(scope, element, attrs, ctrl){
        ctrl.$parsers.push(function (value) {
            if (!!value)
                return moment(value).format("YYYY-MM-DD");
            else
                return null;
        });

        ctrl.$formatters.push(function (value) {
            if (!!value) {
                return moment(value).format('ddd D MMM YYYY');
            }
            else
                return null;
        });
    }
}

});

1 个答案:

答案 0 :(得分:0)

请参阅https://docs.angularjs.org/api/ng/filter/date以了解angularjs中的日期格式