1. 程式人生 > >bootstrap datepicker使用中遇到的小問題

bootstrap datepicker使用中遇到的小問題

專案中的日曆控制元件統一使用datepicker, 統計分析中會預設給開始結束時間賦值(預設統計一年時間段的資料資訊,規定結束時間必須大於等於結束時間,當結束時間小於開始時間時,則開始時間會自動更改為所設定的結束時間),效果圖如下:


js程式碼如下:

var start = new Date();
start.add("y", -1);
var end = new Date();
end.add("d", -1);
$('.start').datepicker('setEndDate',end);
$('.end').datepicker('setEndDate',end);  
var 
startDate = start.format('yyyy-MM-dd');//查詢開始時間 var endDate = end.format('yyyy-MM-dd');//查詢結束時間 $("#searchForm input[name='scheduleStartTime']").val(startDate); $("#searchForm input[name='scheduleEndTime']").val(endDate);

本來以為這樣寫是可以的,但是被測試提了一個這樣的bug:修改了結束時間,且結束時間大於開始時間,開始時間也更改為了結束時間。這就尷尬了,按道理只有結束時間小於開始時間的時候,開始時間才變動的呀;bug的效果圖如下(和上圖對比下你就會發現問題所在):


最後,換了一下預設賦值的方式,不用val的方式,而是用datepicker自己的方式賦值,就不會出現這個問題了,至於為什麼,反正記住要是使用控制元件的話,最好用它自己的方法賦值等等。具體原因暫時還沒想明白,先記錄下遇到過的問題,避免以後犯同樣的錯誤,改正後bug解決,程式碼如下:

$(function() {
   var start = new Date();
start.add("y", -1);
var end = new Date();
end.add("d", -1);
$('.start').datepicker('setEndDate',end);
$('.end').datepicker
('setEndDate',end); var startDate = start.format('yyyy-MM-dd');//查詢開始時間 var endDate = end.format('yyyy-MM-dd');//查詢結束時間 $("#searchForm input[name='scheduleStartTime']").datepicker("setDate",startDate); $("#searchForm input[name='scheduleEndTime']").datepicker("setDate",endDate);});

相關推薦

bootstrap datepicker使用遇到的問題

專案中的日曆控制元件統一使用datepicker, 統計分析中會預設給開始結束時間賦值(預設統計一年時間段的資料資訊,規定結束時間必須大於等於結束時間,當結束時間小於開始時間時,則開始時間會自動更改為

在開發問題解決方法

一:在ios開發過程中總是需要新建工程做實現一些特定功能的demo,需要完成一些設定 1.bitcode  設為no 2. 有相機相簿的地方,info中要新增設定NSCameraUsageDescription/ Photo Library Usage Description

Bootstrap開發框架使用bootstrap-datepicker外掛

在基於Boostrap的Web開發中,往往需要錄入日期內容,基於Boostrap的外掛中,關於日期的錄入可以使用bootstrap-datepicker這個非常不錯的外掛,以替代預設的type=date這種不太友好的日期錄入控制元件,本篇介紹的是我在我的Boostrap開發框架中利用bootstrap-dat

Bootstrap-datepicker外掛預設英文轉為中文

在使用日期外掛使用了datepicker,但是發現其中都是預設英文的,便搜了一下,更改了一部分配置,修改成中文了。x修改如下: 1.在配置中,增加zh對應中文 var dates = $.fn.da

簡單響應式Bootstrap框架文官網頁面模板

str 頁面 nbsp 中文 技術分享 http images bsp ots 鏈接:http://pan.baidu.com/s/1o7MQ6RC 密碼:kee5簡單響應式Bootstrap框架中文官網頁面模板

vijos p1027休息

可能 輸出 max ++ foo init ini lang amp 休息中的小呆 描述 當大家在考場中接受考驗(折磨?)的時候,小呆正在悠閑(欠扁)地玩一個叫“最初夢想”的遊戲。遊戲描述的

bootstrap-面板嵌套表格

bootstrap-面板中嵌套表格1.運行效果如圖所示2.實現代碼如下<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatibl

找出一堆數的前K個數

string nlog 浪費 art args 技術分享 str rate .net 描寫敘述: 給定一個整數數組。讓你從該數組中找出最小的K個數 思路: 最簡潔粗暴的方法就是將該數組進行排序,然後取最前面的K個數就可以。可是,本題要求的僅僅是求出最小的k個數就可以,用

python知識點

是把 入參 name 運行 是否 pri .py print dmi 1、想要獲取當前時間需要使用time   import time #引用time方法   Now_time = time.strftime(‘%Y-%m-%d %H:%M:%S‘) #輸出當前的時間,格式

測試事情

記得 雞蛋 得到 基本 臃腫 理解 產品開發 競爭對手 小事 開發不能有的心態: 不要妄自揣測誰會使用自己的應用,因為誰都有可能。 不要以為每個訪問者都和自己一樣精通計算機知識,他們或許對計算機知識一無所知。 不要樂觀地認為用戶會因為網站導航體驗不佳而還能保持瀏覽的興趣,

Spring問題

註解 alt 生成 src 靜態 技術 mage set方法 需要 1.如果需要對靜態的字段,[email protected]/* */,也不能註入,所以采取的方式是,生成該靜態字段的set方法,[email protected]/* */,這樣靜

一、實現一個特殊的棧,在實現棧的基本功能的基礎上,再實現返回棧元素的操作

empty util run print pri ont com res 字符串 請指教交流! 1 package com.it.hxs.c01; 2 3 import java.util.Stack; 4 5 /* 6 實現一個特殊的棧,在實現棧的基本

前端頁面給指定的div添加遮罩層,並且帶有加載旋轉圖片

left 說了 -s 加載 jquer 其中 ges loading style 話不多說,先上代碼,其實還是比較簡單的 1 $("<div id=‘shade‘ style=‘opacity:0.85;background:white‘></div

關於js++的問題

結果 span 想法 href 而不是 www www. 外部 exp 先看下面兩個代碼,為什麽第一行正常(編譯/運行),但第二行給出錯誤?註意是ReferenceError。 [[]][0]++; []++; #Uncaught Reference

671. Second Minimum Node In a Binary Tree 二叉樹第二節點

ati auto www. this 最小 flow app sel special Given a non-empty special binary tree consisting of nodes with the non-negative value, where e

P1476 休息

main ron 很多 體驗 namespace spa 最長 輸出格式 chinese P1476 休息中的小呆 題目描述 當大家在考場中接受考驗(折磨?)的時候,小呆正在悠閑(欠扁)地玩一個叫“最初夢想”的遊戲。遊戲描述的是一個叫pass的有誌少年在不同的時空穿越對抗傳

EF(Linq)框架使用過程技巧匯總 dbfunctions

查詢 into keyword 日期 != 二次 without time() rom 這篇博客總結本人在實際項目中遇到的一些關於EF或者Linq的問題,作為以後復習的筆記或者供後來人參考(遇到問題便更新)。 目錄 技巧1: DbFunctions.TruncateTim

開發錯誤,大麻煩

方法 收集 使用 教訓 賦值 註意 成員 dto 發現 1.Webapi PUT 404問題 這個問題在網上試了很多方法,最後還是不行,而原來的項目則沒有問題,最後才發現iis 程序池必須要在集成模式下 (原來的項目的程序池名字和站點名不一樣,自己沒註意,而和站點名相同的

bootstrap datepicker含有hasDatepicker無法彈出

ini hasd 彈出 添加 控件 sda 移除 bootstrap move bootstrap datepicker 初始化時,會給控件添加hasDatepicker類 ,如果此時調用 $singleDay.datepicker(initDayOpts);無法彈出時間

bootstrap Table的 一些操作

cnblogs warning 在一起 classes 服務端 andro 設置 blog 根據 function HQCreatTable(ob) { var option = { cache: false,//是否使用緩存,默認為true,所以