61,124
社区成员
发帖
与我相关
我的任务
分享bootstrap datetimepicker 重新初始化之后，日期为什么会变为1899年
我的代码是这个样子的：
我的下拉选择框是用来控制日期控件的初始化样子，
选择month的话，日期控件可以选择年和月
选择year的话，日期控件只能选择年。
但是每当下拉框触发了change函数之后，日期控件的年份都会变成1899年，
并不是原来的2014年
如图：
怎么可以让 select标签触发了change之后日期控件重新生成之后，还是显示今年2014年，
求解，我是不是有什么地方写错了
<%@ 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>
<!-- 新 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css">
<!-- 可选的Bootstrap主题文件（一般不用引入） -->
<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap-theme.min.css">
<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="http://cdn.bootcss.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<!-- import datetimepicker js and css -->
<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" />
<!-- my script -->
<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 class="input-group date form_datetime col-md-2" >
<input class="form-control" type="text" />
<span class="input-group-addon">
<span class="glyphicon glyphicon-th"></span>
</span>
</div>
</div>
</body>
</html>
我的下拉选择框是用来控制日期控件的初始化样子，
选择month的话，日期控件可以选择年和月
选择year的话，日期控件只能选择年。
但是每当下拉框触发了change函数之后，日期控件的年份都会变成1899年，
并不是原来的2014年
如图：
怎么可以让 select标签触发了change之后日期控件重新生成之后，还是显示今年2014年，
求解，我是不是有什么地方写错了
...全文
请发表友善的回复…
发表回复
罗汉松驻扎的工作基地 2014-11-27
- 打赏
- 举报
你用一下 datetimepicker 的update函数
比如 datetimepicker( 'update', new Date() )
