bootstrap datetimepicker 重新初始化之后，日期为什么会变为1899年_html/css

bootstrap datetimepicker 重新初始化之后，日期为什么会变为1899年_html/css_WEB-ITnose

WBOY

发布： 2016-06-24 11:53:17

原创

1967 人浏览过

我的代码是这个样子的：

<%@ 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年，

求解，我是不是有什么地方写错了