datetimepicker
に現在の日付であるデフォルト値が必要です。どうすればこれを達成できますか?私はすでにドキュメントを読みましたが、それを達成するものが見つかりません。誰か助けてくれますか?デフォルト値の形式はMM dd, yyyy
。
これが私のコードです。
<div class="form-group">
<label for="dtp_input2">Date</label>
<div class="input-group date form_date col-md-3" data-date="" data-date-format="MM dd, yyyy">
<input id="dtp_input2" name="date" class="form-control" size="10" type="text" value="" readonly>
<span class="input-group-addon">
<span class="glyphicon glyphicon-remove"></span>
</span>
<span class="input-group-addon">
<span class="glyphicon glyphicon-calendar"></span>
</span>
</div>
</div>
$('.form_date').datetimepicker({
weekStart: 1,
todayBtn: 1,
autoclose: 1,
todayHighlight: 1,
startView: 2,
minView: 2,
forceParse: 0,
});
Datetimepickerを設定した後に値を設定するだけです:
$('.form_date').datetimepicker({
weekStart: 1,
todayBtn: 1,
autoclose: 1,
todayHighlight: 1,
startView: 2,
minView: 2,
forceParse: 0,
});
$('#dtp_input2').val(Date());
このソリューションでは、bootstrap datetimepicker。
Datetimepickerを宣言したように宣言して、これを行うことができます。
_$('#datepicker input').datepicker('setDate', new Date());
$('#datepicker input').datepicker('update');
$('#datepicker input').val('');
_
これにより、setDate()
で設定した日付が選択され、入力は空のままになります。入力を空にしたくない場合は、次の行を削除してください。
_$('#datepicker input').datepicker('update');
$('#datepicker input').val('');
_
そして、あなたがそのソリューションで遊びたいなら: jsFiddle
_$('#datepicker input').datepicker({
weekStart: 1,
todayBtn: 1,
autoclose: 1,
todayHighlight: 1,
startView: 2,
minView: 2,
forceParse: 0,
});
$('#datepicker input').datepicker('setDate', new Date());
$('#datepicker input').datepicker('update');
$('#datepicker input').val('');
_
_<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/js/bootstrap-datepicker.js"></script>
<link href="http://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/css/datepicker3.css" rel="stylesheet"/>
<div id="datepicker">
<input type="text" type="text" class="form-control" />
</div>
_
documentation のように見えますが、datetimepickerをインスタンス化するときにdefaultDate
を設定できます。
$(function () {
$('#datetimepicker5').datetimepicker({
defaultDate: "11/1/2013",
disabledDates: [
moment("12/25/2013"),
new Date(2013, 11 - 1, 21),
"11/22/2013 00:53"
]
});
});
次のようなJSを使用して、現在の日付をテキストフィールドに設定することもできます。
var d = new Date();
document.getElementById("target").value = d.toDateString();
<input type="text" id="target">
私の場合:このdefaultDate: new Date()
コードをjavascriptのdatetimepickerに挿入します。
<script type="text/javascript">
$(function () {
$('#datetimepicker10').datetimepicker({
defaultDate: new Date(),
viewMode: 'years',
format: 'MM/DD/YYYY'
});
});