时间控件-Jedate
生活随笔
收集整理的這篇文章主要介紹了
时间控件-Jedate
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
項目中時間用的Jedate，很強大的一款原生JS控件，給大家共同分享。
官網：Jedate官網
使用
下載Jedate，解壓后放到代碼的js文件下，然后引入js和css即可。
頁面樣式展示
jsp頁面
<!doctype html> <html lang="en"> <head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/><meta name="renderer" content="webkit"><title>群發消息</title><%@ include file="/commons/common.jspf"%><link rel="stylesheet" href="${ctx}/css/jquery.datetimepicker.css"><link rel="stylesheet" href="${ctx}/css/mricode.pagination.css"><link rel="stylesheet" href="${ctx}/js/lib/jedate-6.0.2/skin/jedate.css"><script type="text/javascript" src="${ctx}/js/lib/jquery.datetimepicker.js"></script><script type="text/javascript" src="${ctx}/js/lib/jedate-6.0.2/jquery.jedate.js"></script> </head> <body><div class="mt12"><span class="b_label lab_wid1 mt6 fl">發送時間</span><span timeradio="1" class="timeType checkBtn radio mr20 on" data-i="0">立即發送</span><span timeradio="2" class="timeType checkBtn radio" data-i="1">設定時間</span><input type="text" class="inpW inpWid2 input-timer timer" id="time" placeholder="" name="time"/> </div><script>var initDate=getInitTimePlugin();//初始化時間插件 /script> </body>設置時間控件，可以自由變化皮膚和語言等等其他功能。
/*** 初始化時間日期插件*/ function getInitTimePlugin() {/*** 初始化時間控件* @param timeId 時間id*/unction(timeId) {var dateFormat = "Y-m-d H:m:s";var today = new Date();var mouth = today.getMonth() + 1;var day = today.getDate();var dateTime = new Date().sformat("yyyy-MM-dd");var date = dateTime;timeId = "#" + timeId;$(timeId).jeDate({skinCell: "jedateblue", //日期風格樣式，默認藍色format: "YYYY-MM-DD hh:mm:ss",isinitVal: false, //是否初始化時間，默認不初始化時間initDate: [{YYYY: today.getFullYear(),MM: today.getMonth() + 1,DD: today.getDate(),hh: "00",mm: "00",ss: "00"}, false],//日期 中文 語言設置language: { //多語言設置name: "cn",month: ["01", "02", "03", "04", "05", "06", "07", "08","09", "10", "11", "12"],weeks: ["日", "一", "二", "三", "四", "五", "六"],times: ["小時", "分鐘", "秒數"],titText: "請選擇日期時間",clear: "清空",today: "今天",yes: "確定",close: "關閉"}});$(timeId).val(dateTime);}return initDateTimer; }剛剛使用，還沒遇到什么坑，遇到坑再繼續補充。
總結
以上是生活随笔為你收集整理的时间控件-Jedate的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 使用UGUI绘制自定义几何图形
- 下一篇： 计算机中丢失amtlib.dll如何办,