layui 時間按小時選擇 Layui 時間選擇框

2021-10-21 22:26:49 字數 1665 閱讀 3873

layui中 時間格式的輸入框:

html**:

選擇日期:

js**:

layui.use(['layer', 'form', 'table', 'laydate'], function () {

var layer = layui.layer,

$ = layui.jquery,

form = layui.form,

laydate = layui.laydate,

table = layui.table;

var begindate = laydate.render({//渲染開始時間選擇

elem: '#begindate', //通過id繫結html中插入的start

type: 'datetime',

max: "2099-12-31 23:59:59",//設定乙個預設最大值

done: function (value, dates) {

enddate.config.min = {

year: dates.year,

month: dates.month - 1, //關鍵

date: dates.date,

hours: dates.hours,

minutes: dates.minutes,

seconds: dates.seconds

var enddate = laydate.render({//渲染結束時間選擇

elem: '#enddate',//通過id繫結html中插入的end

type: 'datetime',

min: "1970-1-1 00:00:00",//設定min預設最小值

done: function (value, dates) {

begindate.config.max = {

year: dates.year,

month: dates.month - 1,//關鍵

elem: '#enddate'  繫結元素;

type: 'datetime'  選擇型別:

max: "2099-12-31 23:59:59"  設定預設最大值

min: "1970-1-1 00:00:00"  設定預設最小值

done: function (value, dates) {

enddate.config.min = {

year: dates.year,

month: dates.month - 1, //關鍵

date: dates.date,

hours: dates.hours,

minutes: dates.minutes,

seconds: dates.seconds

這個是為了選擇開始時間後,結束時間必須大於等於開始時間;

layui 日期時間選擇

年選擇器 年月選擇器 時間選擇器 日期加時間選擇器 可能會出現的bug解決 在看案例之前,先來看一下日期選擇器的引數有哪些 elem 繫結元素 這個是必填項 用於繫結執行日期渲染的元素,值一般為選擇器,或dom物件 type 控制項選擇型別 用於單獨提供不同的選擇器型別,可選值有如下 type可選值...

layui時間控制項選擇時間範圍

class layui inline class layui input inline type text name start time class layui input id start time placeholder 開始時間 修改時間 div div class layui inline...

layui時間控制項選擇時間範圍

解決layui時間控制項清空之後無法正常使用的問題,以及時間範圍的選擇 共有兩種解決方式 方式一 layui 1.x html js var start var end document.getelementbyid start time onclick function document.gete...