bootstrap datetimepicker的时间变成1899年

bootstrap datetimepicker 重新加载后，日期会变1899年，
这个问题要怎么解决呢？？

先看个小例子：

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="DateTimePickQuestion1.WebForm1" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>

<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css">

<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap-theme.min.css">

<script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>

<script src="http://cdn.bootcss.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>

<script src="js/bootstrap-datetimepicker.js" type="text/javascript"></script>
<script src="js/locales/bootstrap-datetimepicker.zh-CN.js" type="text/javascript"></script>
<link href="css/bootstrap-datetimepicker.css" rel="stylesheet" type="text/css" />

<script type="text/javascript">

$(function () {

$("#mySelect").change(function () {

$(".form_datetime").datetimepicker('remove');

var type = $("#mySelect").val();

switch (type) {
case "month":
$('.form_datetime').datetimepicker({
autoclose: true,
startView: 'year',
minView: 'year',
format: 'yyyy-mm'
});
break;
case "year":
$('.form_datetime').datetimepicker({
autoclose: true,
startView: 'decade',
minView: 'decade',
format: 'yyyy'
});
break;

} //end switch

})//end change

})//end ready

</script>

</head>
<body>
<div>
<select id='mySelect'>
<option value='year'>year</option>
<option value='month'>month</option>
</select>

</div>
</body>
</html>

上面的小例子就是用 select 标签重新加载不同的datetimepicker
问题就出现在 datetimepicker remove之后，他的时间就变成了 1899年
如图:

要怎么解决这个问题呢？
这里给出一个小小的办法：
就是在你remove datetimepicker之后
使用一下datetimepicker 的 update方法
代码如下：

$("#mySelect").change(function () {

$(".form_datetime").datetimepicker('remove');

var type = $("#mySelect").val();

switch (type) {
case "month":
$('.form_datetime').datetimepicker({
autoclose: true,
startView: 'year',
minView: 'year',
format: 'yyyy-mm'
});

$('.form_datetime').datetimepicker('update', new Date());
break;

case "year":
$('.form_datetime').datetimepicker({
autoclose: true,
startView: 'decade',
minView: 'decade',
format: 'yyyy'
});

$('.form_datetime').datetimepicker('update', new Date());
break;

} //end switch

})//end change

用了update -->new Date（）之后就可以回到今天了！！！

另外想提醒的是：
datetimepicker的startDate属性指的是：
The earliest date that may be selected; all earlier dates will be disabled.

最小的选择时间，比这个最小选择时间小的日期无法选择

最后想说的是 bootstrap datetimepicker 的网站是https://github.com/smalot/bootstrap-datetimepicker

里面有很多说明的，自己看把

bootstrap datetimepicker的时间变成1899年相关推荐

Bootstrap中datetimepicker日期控件1899年问题解决
@加粗样式TOC Bootstrap中datetimepicker日期控件1899年问题解决 Bootstrap中datetimepicker日期控件1899年问题解决最近在开发项目的过程中,遇到一 ...
vue2.0 与 bootstrap datetimepicker的结合使用
vue2.0 与 bootstrap datetimepicker的结合使用 1.在很多的项目中,我们都会用到日期插件,然后当我在vue中使用bootstrap datetimepicker时发现双向 ...
bootstrap datetimepicker、bootstrap datepicker日期组件对范围的简单封装
1.bootstrap datepicker 使用 <div class="row form-group"><label class="control- ...
bootstrap datetimepicker 用法+demo案例下载
bootstrap datetimepicker 用法+demo案例下载官网文档地址是:http://www.bootcss.com/p/bootstrap-datetimepicker/ date ...
DateTimePicker 日期时间选择器报错 Cannot read property ‘getHours‘ of undefined, 无法选中`[__ob_: observer__]`时做判断
我在一次开发中遇到了这个情况:使用DateTimePicker 日期时间选择器,出现无法选中, 报错 Cannot read property 'getHours' of undefined, 这个原 ...
DateTimePicker 日期时间选择器设置默认时间
DateTimePicker 日期时间选择器设置默认时间 default-value属性接受一个数组,第一项为开始时间,第二项为结束时间,时间格式为:"YY-mm-dd HH:mm:ss&q ...
DateTimePicker 日期时间选择器,清空事件。并添加默认当前时间，向前推进7天的事件
当我们使用DateTimePicker 日期时间选择器,发现我们需要添加需求清空当前时间,并添加当前默认时间的时候,DateTimePicker 日期时间选择器的清空按钮并不能直接满足我们的需求,所以 ...
element-plus DateTimePicker 日期时间选择器禁止选择当日之前的日期
vue3使用element-plus的DateTimePicker 日期时间选择器组件时,禁止选择当日之前的日期. 在el-date-picker使用disabled-date: <el-dat ...
使用Bootstrap DateTimePicker显示1899年的问题
时间框js和css引入之所以会出现1899年,是因为输入框与初始化的时间格式不一致导致的,只要在Input框中加入:data-date-format='yyyy-mm-dd hh:ii:ss',初始 ...

bootstrap datetimepicker的时间变成1899年

bootstrap datetimepicker的时间变成1899年相关推荐

最新文章

热门文章