日期選擇器：輸入值設置爲當前日期

我使用這個插件中的引導，對日期採摘http://eternicode.github.io/bootstrap-datepicker/日期選擇器：輸入值設置爲當前日期

我在這裏工作FIDDLE 但我不知道這是否是做的正確方法？或者如果有辦法通過插件來完成。我試過，但我沒有把它做對。

HTML：

Date: <input type="text" name="" class="datepicker" />

的Jquery：

var d = new Date(); 

var month = d.getMonth()+1; 
var day = d.getDate(); 

var output =((''+month).length<2 ? '0' : '') + month + '/' + ((''+day).length<2 ? '0' : '') + day + '/' + d.getFullYear(); 

$('.datepicker').datepicker(); 

$('.datepicker').val(output);

所以我使用jQuery來得到當前的日期，那麼我就火了日期選擇器，然後輸入值設置爲當前日期。

任何其他的想法或建議將不勝感激！

來源

2013-07-31 designtocode

我沒有看到你是如何做的問題。我已經快速瀏覽了該日期選擇器的可用選項和方法，並且看起來不像可以設置默認日期。 –

我以爲我錯過了一些東西，但看起來我不是！感謝@MarkWalters我只是使用這種方法。 – designtocode

你是一個好方法。

你可以，但是，它減少了幾個人物的 - 如果你想 - 以這樣的事：

var d = new Date(), 
    output = [ 
     ('0' + (d.getMonth() + 1)).substr(-2), 
     ('0' + d.getDate()).substr(-2), 
     d.getFullYear() 
    ].join('/'); 

$('.datepicker').datepicker().val(output);

而且 - 如果你正在做更多的工作日期 - 這可能是一個好主意，看看一些最新的庫，例如date.js或sugar.js，那麼你可以做這樣的事情：

$('.datepicker').val(new Date().toString('MM/dd/yyyy'));  // date.js 
$('.datepicker').val(Date.create().format('{MM}/{dd}/{yyyy}')); // sugar.js

來源

2013-07-31 09:21:13 tborychowski

這看起來不錯！我會試試看看它是如何工作的，看起來它會減少獲取當前日期的字符數量。 – designtocode

日期選擇器與默認當前日期初始化。（demo）

您可以手動設置太：

$("#datepicker").datepicker({defaultDate: new Date()}); //at initialization 
$("#datepicker").datepicker("setDate",new Date());  //runtume

設置到其他日期，也很容易：

$("#datepicker").datepicker("setDate","14/12/2014");

具有自定義格式：

$("#datepicker").datepicker({ dateFormat: "yy-m-d" }); 
$("#datepicker").datepicker("setDate","14-12-4");

要獲得該格式化值，使用：

$("#datepicker").datepicker().val();

Documentation here.

來源

2014-07-02 10:28:53

日期選擇器：輸入值設置爲當前日期

回答

相關問題