js 選擇控制項 picker

2022-07-23 23:39:21 字數 1006 閱讀 2555

首先預覽圖效果:

概述:

只是乙個選擇器,選擇器內可以有多個分類,但輸入目標只有乙個.比較適合上圖所示的情況:需要使用者選擇乙個開始時間,且時間是限定死的,這個開始時間可能是昨天今天或明天。這個外掛程式就是用來解決這個問題的,我不是乙個前端工程師,所以**的依賴 jquery,樣式是從bootstrap-datetimepicker那扒下來的幾個,下面就是**部分。

@font-face 

.glyphicon

.picker table tr td

.picker tbody > tr > td

.picker td, .picker th

.picker table

.picker

.dropdown-menu

.picker table tr td span:hover

.picker table tr td span

.picker table

.picker table tr td span.active

.glyphicon-arrow-left:before

.glyphicon-arrow-right:before

//$("input").picker(],

// firstview: 0, //啟始檢視,content陣列中的第乙個將會第乙個顯示

// isclose: false //是否自動關閉

//});

JS省份和城市選擇控制項

city.js var pc new object pc 北京市 new array 朝陽區 海淀區 通州區 房山區 豐台區 昌平區 大興區 順義區 西城區 延慶縣 石景山區 宣武區 懷柔區 崇文區 密雲縣 東城區 平谷區 門頭溝區 pc 廣東省 new array 東莞市 廣州市 中山市 深圳市 ...

js日期選擇控制項layDate api手冊

js日期選擇控制項laydate api手冊 一 核心方法 laydate options options是乙個物件,它包含了以下key 預設值 elem id 需顯示日期的元素選擇器 event click 觸發事件 format yyyy mm dd hh mm ss 日期格式 istime f...

帶選擇框的JS樹控制項

前陣子自己寫了個帶選擇框的tree控制項,雖然還有一些bug沒有修改 動態新增節點 但是感覺載入速度還可以。子節點檢索的方法參考了mztree,測試了一下發現用正則去查詢子節點的確比迴圈快了不少。節點有三種狀態,選中,未選中,未完全選中。雖然引了乙個jquery.js 但其實jquery只是用來在離...