bootstrap datetimepicker 重新初始化之后,日期为什么会变为1899年_html/css_WEB-ITnose
我的代码是这个样子的:
<%@ 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年,
求解,我是不是有什么地方写错了
回复讨论(解决方案)
你用一下 datetimepicker 的update函数
比如 datetimepicker( 'update', new Date() )

핫 AI 도구

Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool
무료로 이미지를 벗다

Clothoff.io
AI 옷 제거제

AI Hentai Generator
AI Hentai를 무료로 생성하십시오.

인기 기사

뜨거운 도구

메모장++7.3.1
사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경

드림위버 CS6
시각적 웹 개발 도구

SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)

뜨거운 주제











이 기사는 HTML & lt; Progress & Gt에 대해 설명합니다. 요소, 그 목적, 스타일 및 & lt; meter & gt의 차이; 요소. 주요 초점은 & lt; progress & gt; 작업 완료 및 & lt; meter & gt; Stati의 경우

이 기사는 HTML & LT; Datalist & GT에 대해 논의합니다. 자동 완성 제안을 제공하고, 사용자 경험을 향상시키고, 오류를 줄임으로써 양식을 향상시키는 요소. 문자 수 : 159

이 기사는 HTML & lt; meter & gt에 대해 설명합니다. 범위 내에 스칼라 또는 분수 값을 표시하는 데 사용되는 요소 및 웹 개발의 일반적인 응용 프로그램. & lt; meter & gt; & lt; Progress & Gt; 그리고 Ex

기사는 HTML5 크로스 브라우저 호환성을 보장하기위한 모범 사례에 대해 논의하고 기능 감지, 점진적 향상 및 테스트 방법에 중점을 둡니다.

이 기사에서는 브라우저에서 직접 사용자 입력을 검증하기 위해 필요한, Pattern, Min, Max 및 Length 한계와 같은 HTML5 양식 검증 속성을 사용하는 것에 대해 설명합니다.

이 기사는 모바일 장치의 반응 형 웹 디자인에 필수적인 Viewport Meta Tag에 대해 설명합니다. 적절한 사용이 최적의 컨텐츠 스케일링 및 사용자 상호 작용을 보장하는 방법을 설명하는 반면, 오용은 설계 및 접근성 문제로 이어질 수 있습니다.

이 기사는 & lt; iframe & gt; 외부 컨텐츠를 웹 페이지, 공통 용도, 보안 위험 및 객체 태그 및 API와 같은 대안을 포함시키는 태그의 목적.

GiteEpages 정적 웹 사이트 배포 실패 : 404 오류 문제 해결 및 해결시 Gitee ...
