如何獲得bootstrap日期選擇器格式爲03-june-2017

這裏是我的java腳本，我希望日期爲2017年6月3日我不能做到這一點，請給我解決方案。如何獲得bootstrap日期選擇器格式爲03-june-2017

<div class="form-group" > 
      <div class='input-group date' > 
       <input type='text' class="form-control" id='datetimepicker1' /> 
       <span class="input-group-addon"> 
        <span class="glyphicon glyphicon-calendar"></span> 
       </span> 
      </div> 
     </div> 
<script> 
$(document).ready(function(){ 
$('#datetimepicker1').datepicker(); 
format: 
}); 
    </script>

如何使用格式？.i搜索它，但我沒有得到解決方案，任何一個可以給我的解決方案。

來源

2017-06-03 bharath varma

您是否使用[日期選擇器]（https://bootstrap-datepicker.readthedocs.io/en/latest/index.html）或[的DateTimePicker（https：//開頭eonasdan。 github.io/bootstrap-datetimepicker/）？ – Alexander

它的datepicker唯一的id我給datetimepicker抱歉讓你感到困惑。 –

基於documentation，您可以使用formatM或MM獲取月份名稱（試試jsfiddle）：

<div class="form-group" > 
    <div class='input-group date' > 
     <input type='text' class="form-control" id='datetimepicker1' /> 
     <span class="input-group-addon"> 
      <span class="glyphicon glyphicon-calendar"></span> 
     </span> 
    </div> 
</div> 
<script> 
    $(document).ready(function(){ 
     $('#datetimepicker1').datepicker({ 
      format: 'dd-MM-yyyy' 
     }); 
    }); 
</script>

來源

2017-06-03 08:34:12

如果我在兩種情況下都使用M或MM，那麼01 - 2017月份不見了，它必須是（01-June-2017）。感謝您@ Mohammad Hamedani –

您的日期選擇器版本是什麼？ –

抱歉@Mohammad Hamedani當我下載它沒有給出任何版本，這是方便這種格式。 –

-1

<script> 
$(document).ready(function(){ 
$('.datepicker').datepicker({ 
    format: 'dd/mm/yyyy' 
}); 
</script>

或者

$("#datepicker").datepicker({ 
    format: "dd-mm-yyyy", 
    viewMode: "months", 
    minViewMode: "months" 
});

或者

$("#datepicker").datepicker({ dateFormat: "d M,y" });

來源

2017-06-03 07:48:39

感謝您的回覆，但不能正常工作。 –

@bharathvarma現在嘗試 –

不行@Rishikesh現在是01-06-2017。 –

-1

使用'dd-MM-yyyy'字符串爲format option值。您可以使用下面的代碼片段來嘗試此解決方案。

$('#datetimepicker1').datepicker({format:'dd-MM-yyyy'});

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> 
 
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/css/bootstrap-datepicker.min.css" /> 
 

 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/js/bootstrap-datepicker.min.js"></script> 
 

 
<div class="form-group"> 
 
    <div class='input-group date'> 
 
    <input type='text' class="form-control" id='datetimepicker1' /> 
 
    <span class="input-group-addon"> 
 
     <span class="glyphicon glyphicon-calendar"></span> 
 
    </span> 
 
    </div> 
 
</div>

來源

2017-06-03 09:22:53 Alexander

這對於downvoter來說很好，可以解釋爲什麼他/她認爲這是一種無益和/或不正確的迴應，所以我可以改善它。 – Alexander

如何獲得bootstrap日期選擇器格式爲03-june-2017

回答

相關問題