如何在查看加載時將日期設置爲佔位符？

我正在使用這個plugin與Angular這實際上是這extension 當視圖加載所有你看到的是一個空輸入，當你點擊該輸入時，日曆出現，並且今天的日期顯示在該輸入中。如何在查看加載時將日期設置爲佔位符？

我需要的是在視圖準備就緒的情況下在輸入中加載今天的日期。

來這裏的路上，我使用它

<input type='text' datetimepicker 
     datetimepicker-options="{format: 'MM/DD/YYYY', useCurrent: true}"/>

你有什麼建議？

編輯

我加autofocus到輸入和日期選擇器，它已經顯示，不僅這正是我所需要的日期。

我的控制器：

(function() { 
    'use strict'; 

    angular 
    .module('palpatine') 
    .controller('RotationsCtrl', RotationsCtrl); 

    /* @ngInject */ 
    function RotationsCtrl (Rotations, $scope, $rootScope, $state) { 
    /*jshint validthis: true */ 
    var vm = this; 

    activate(); 

    function activate() { 

     $(document).ready(function() { 

     var today = new Date(); 
     var dd = today.getDate(); 
     var mm = today.getMonth()+1; //January is 0! 
     var yyyy = today.getFullYear(); 

     if(dd<10) { 
      dd='0'+dd 
     } 

     if(mm<10) { 
      mm='0'+mm 
     } 

     today = mm+'/'+dd+'/'+yyyy; 

     $scope.today = moment().format("MM/DD/YYYY"); 

     console.log(today); 

     $scope.datetimepickerOptions = { 
      format: 'MM/DD/YYYY', 
      defaultDate: today 
     }; 


     }); 

    } 
    } 
})();

來源

2016-01-07 TheUnnamed

只需設置defaultDate爲當前日期。這將覆蓋useCurrent，所以它不再需要。

在控制器

$scope.datetimepickerOptions = { 
    format: 'MM/DD/YYYY', 
    defaultDate: new Date() 
};

HTML

<input type='text' 
     datetimepicker 
     datetimepicker-options="{{datetimepickerOptions}}"/>

編輯

原來diosney/angular-bootstrap-datetimepicker-directive曾與defaultDate一個bug在0.1.3版本。解決方案是將其更新爲主分支。

bower.json

"angular-bootstrap-datetimepicker-directive": "#master"

和運行

bower update

來源

2016-01-07 17:39:19

得到這個錯誤：'錯誤： $解析：語法]語法錯誤：令牌 '日期' 是出乎意料的，希望[}]在表達式41柱[{格式： 'MM/DD/YYYY'，defaultDate：新的日期（）}]起始於[日期（）}]。' – TheUnnamed

對不起。忘記它是有角度的。看我的編輯。 –

我這樣做，但仍然無法正常工作。每次加載視圖時，輸入都是空的。 – TheUnnamed

焦點賦予文本輸入，然後對其進行模糊處理...

angular.element('.your_input_class_name').trigger('focus'); 
angular.element('.your_input_class_name').trigger('blur');

或

document.getElementById('your_input_id').focus(); 
document.getElementById('your_input_id').blur();

來源

2016-01-07 17:33:01

你能給我一些代碼嗎？請 – TheUnnamed

回答更新代碼片段 –

請閱讀我的編輯。如果你模糊自動日期選擇器會走出 – TheUnnamed

你能試試這個代碼？

ref

<input type='text' 
     datetimepicker 
     datetimepicker-options="{format: 'MM/DD/YYYY', defaultDate: '01/01/2016'}"/>

編輯

在看到更新的問題，我會注意到的DateTimePicker模塊沒有在模塊中加載。注入模塊下方

angular 
    .module('palpatine', [ 
    // Other injected modules. 

    'datetimepicker' 
    ]);

來源

2016-01-07 17:48:16 Umamaheswaran

這是我在做什麼，但日期總是相同的，我需要它@TheUnnamed在這種情況下，勒內·克羅斯的解決方案應該工作今天的日期 – TheUnnamed

，否則，你可以創建一個的jsfiddle/plunkr，讓我們知道的聯繫？ – Umamaheswaran

與解決方案我做的console.log和得到這個'對象{格式：「MM/DD/YYYY」，defaultDate：週四2016年1月7日12:00:20 GMT-0600（CST）}'，爲什麼我沒有得到在輸入中是一樣的嗎？可能是因爲日期格式？ – TheUnnamed

給出如果妳只是在尋找一個佔位符爲當前日期。在輸入中添加佔位符屬性並將其作爲值使用。

來源

2016-01-07 18:30:27

如何在查看加載時將日期設置爲佔位符？

回答

相關問題