Bootstrap datepicker - 在內部值和顯示值之間進行轉換

我在輸入元素上使用Bootstrap的Datepicker，並想知道 - 是否有方法以不同的格式顯示日期，從我如何設置日期或獲取日期輸入元素的日期？日期以yyyymmdd的格式從我的數據源中獲得，但我希望在輸入元素中顯示日期mm/dd/yyyy。例如：Bootstrap datepicker - 在內部值和顯示值之間進行轉換

我想要初始化輸入元素的日期爲20150721。
設置該值後，實際顯示爲07/21/2015。
用戶使用選取器將其更改爲07/28/2015。
我從元素中獲取值爲20150728。

有沒有辦法使用Bootstrap的datepicker執行這種格式映射？提前致謝！

來源

2015-07-21 Steve

嗨，你可以在片段分享你的腳本？ –

[https://jsfiddle.net/x4tLb0gr/](https://jsfiddle.net/x4tLb0gr/）在這個小提琴中，datepicker接受格式爲「yyyymmdd」的值，並以相同的格式顯示日期在輸入元素中。我實際上喜歡它以不同的格式（mm/dd/yyyy）顯示，但是能夠以當前格式設置/從元素中獲取日期。那有意義嗎？如果其中一個選項是輔助'displayFormat'，那麼它就是我所需要的。 – Steve

根據documentation，只需設置格式屬性。

$('.datetimepicker').datetimepicker({ 
     format: 'mmd/dd/yyyy', 
})

來源

2015-07-21 06:49:33 coder

這改變了顯示格式，是的。但是這意味着我需要以相同的格式設置日期，並且當我獲得選定的日期時，它以這種格式出現在我的面前。我實際上想以一種格式（'yyyymmdd'）設置/獲取日期，但在另一個格式（'mm/dd/yyyy'）中顯示。 – Steve

嗨史蒂夫我是這是你的問題的解決方案。如果有任何錯誤信息，我會幫助你。

var _date = '20150721'; 
 
$('#_date').datepicker({ 
 
    autoclose: true, 
 
    clearBtn: true, 
 
    format: 'mm/dd/yyyy' 
 
}); 
 
$('#_date').datepicker('setDate', _date); 
 
$('#_test').click(function() { 
 
    alert($('#_date').val()); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.0/css/bootstrap-datepicker.css" rel="stylesheet"/> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.0/js/bootstrap-datepicker.js"></script> 
 
<script src="https://netdna.bootstrapcdn.com/bootstrap/2.3.2/js/bootstrap.js"></script> 
 
<input id='_date'><button id='_test'>Test</button>

來源

2015-07-22 05:56:30

Bootstrap datepicker - 在內部值和顯示值之間進行轉換

回答

相關問題