Question

我希望日期选择器以15 Jun, 2019格式显示所选日期，但是要突出显示当前日期，而不是所选日期。但是当使用格式2019-06-15时，它会显示实际选择的日期。

我正在使用this link中的angularjs date-picker

<input ng-show="toggleMe" type="text" readonly placeholder="Deadline"
       class="date-picker" ng-datetime-picker="datePickerOptions"
       ng-model="deadlineTask" ng-change="changeCurrentTime()" />

//在ng-model中要显示截止日期任务格式，这里我要以“ deadlinetask类型格式显示格式，并突出显示选定日期而不是今天的日期”

angular.module('demo', ['ngDatetimePicker'])
.controller('datePickerCtrl',function($scope,$filter) {
    $scope.dt = {};
    var currentTime = new Date();
    var year = currentTime.getFullYear();
    var month = currentTime.getMonth() + 1;
    var date = currentTime.getDate();

    console.log(currentTime);
    $scope.dt.datetime = '2019-06-15';     //showing correct date in this format

    $scope.deadlineTask = $filter('date')($scope.dt.datetime, 'd MMM, yyyy');

///以我想要的这种格式显示今天的日期，但不突出显示所选日期，而不是显示今天的日期

Answer 1

您希望日期选择器始终使用您定义的日期格式吗？

根据文档，您选择的日期选择器似乎无法显示“ 15 Jun，2019”格式。如果是这种one

，也许可以看看另一个AngularJs日期时间选择器

要进行测试，我从您的html中看到，您应该在$ scope上拥有一个名为datePickerOptions的对象？

如果是这种情况，请在datePickerOptions对象中定义一个名为dateFormat的属性，并为其提供字符串值，例如'MM，YYYY'

Here，您将看到这是他们定义输入字段的日期格式的方式：

以下是列出的格式选项：

YYYY：年，四位数
YY：年份，两位数
MM：月份，01-12月
M：1-12个月，
DD：第01-31天
D：第1-31天
HH：使用12时制01-12的小时
H：使用12小时制1-12的小时
hh：使用24小时制00-23的小时
h：使用24小时制0-23钟计时
mm：分钟，00-59>
m：分钟，0-59
tt：上午/下午
TT：上午/下午

Answer 2

    <input ng-show="toggleMe" type="text" readonly placeholder="Deadline" class="date-picker" ng-datetime-picker="datePickerOptions" ng-model="dt.datetime" ng-change="changeCurrentTime()" />








 <script>
    angular.module('demo', ['ngDatetimePicker']).
    controller('datePickerCtrl', function($scope,$filter) {
    $scope.dt = {};
    var currentTime = new Date();
    var year = currentTime.getFullYear();
    var month = currentTime.getMonth() + 1;
    var date = currentTime.getDate();
    currentTime = year + "-" + month + "-" +"29"+ " 9:00";
    $scope.dt.datetime = '2019-06-15';
    $scope.deadlineTask = $filter('date')($scope.dt.datetime, 'd MMM, yyyy');
    $scope.toggleMe = false;

    $scope.datePickerOptions = {
    "closeOnSelected": true,
    "firstDayOfWeek": 1,
    "dateOnly": true
    };

    $scope.datetimePickerOptions = {
    "closeOnSelected": true,
    "firstDayOfWeek": 1
    };

    });

Datepicker使用格式''$ filter（'date'）（$ scope.dt.datetime，'d MMM，yyyy'）;'显示今天的日期该怎么办？使用角度js日期选择器

2 个答案: