日期选择器 Date Picker

用于选择日期

动态组件渲染

选择某一天

显示代码

<div class="open-container open-col-5">
	<input type="text" class="open-input" value="2024-02-24" placeholder="日期选择" id="date-picker" >
</div>

<script>
	openui.calendar.render({
		id: '#date-picker',
		start: '2020-01-01',//可选日期开始范围
		end: '2025-05-31',//可选日期结束范围
		value: '2024-05-13',
		click: function(date){
			openui.pop.msg({
				type: 'success',
				title: date
			})
		}
	})
</script>

API

API	描述
calendar.render(options)	动态渲染

动态渲染

calendar.render(options)

• 参数options:基础属性配置

属性名	描述	类型	必填	默认值
id	dom选择器	string	是	-
start	可选日期开始范围，可设置today:代表今天日期	string | YYYY-MM-DD	否	-
end	可选日期结束范围，可设置today:代表今天日期	string | YYYY-MM-DD	否	-
value	设置默认日期	YYYY-MM-DD	否	当前日期

• 回调函数

options.click 选择日期时的回调函数

// 返回选择的日期
click: function(res){
	console.lof(res)
}