tempus dominus pre select multidate from value 属性
tempus dominus pre select multidate from value attribute
我可以 select 多个日期,然后将其保存到数据库中。从数据库中读回时,输入字段的值属性中包含所有先前 selected 的日期:
<input type="text" class="form-control datetimepicker-input" data-target="#datetimepicker1" value="2019-06-18,2019-06-17,2019-06-19"/>
加载页面时,您可以看到所有 3 个都被简要列出,但随后只剩下第一个,另外 2 个消失了。
$(function() {
$('#datetimepicker1').datetimepicker({
allowMultidate: true,
multidateSeparator: ',',
format: 'YYYY-MM-DD'
});
});
试试这个:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/js/bootstrap-datepicker.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.8.0/css/bootstrap-datepicker.css" rel="stylesheet"/>
<input type="text" class="form-control datetimepicker-input" id="datepicker"/>
<script>
$('#datepicker').datepicker({
multidate: true
});
</script>
我可以 select 多个日期,然后将其保存到数据库中。从数据库中读回时,输入字段的值属性中包含所有先前 selected 的日期:
<input type="text" class="form-control datetimepicker-input" data-target="#datetimepicker1" value="2019-06-18,2019-06-17,2019-06-19"/>
加载页面时,您可以看到所有 3 个都被简要列出,但随后只剩下第一个,另外 2 个消失了。
$(function() {
$('#datetimepicker1').datetimepicker({
allowMultidate: true,
multidateSeparator: ',',
format: 'YYYY-MM-DD'
});
});
试试这个:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/js/bootstrap-datepicker.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.8.0/css/bootstrap-datepicker.css" rel="stylesheet"/>
<input type="text" class="form-control datetimepicker-input" id="datepicker"/>
<script>
$('#datepicker').datepicker({
multidate: true
});
</script>