深圳全飞鸿

标题: 关于日期选择控件的设计与使用: nago_calendar [打印本页]

---

作者: zhgc    时间: 2019-6-24 14:23
标题: 关于日期选择控件的设计与使用: nago_calendar


源码逻辑由plugin/function.nago_calendar.php处理！

约定：日期的格式统一为YYYY-MM-DD

1. 日期控件的常规用法：

1. {nago_calendar name="STARTDATE"  id="STARTDATE" }

复制代码

注意：name和id属性，可以只写一个！

最后输出的HTML：

1.    <input name="layer[STARTDATE]"
   
2.                 type="text" style="width:120px"
   
3.                 value="2019-06-24"
   
4.                 readonly="readonly"
   
5.                 id="txtSTARTDATE"
   
6.                 class="text"
   
7.                 OnClick="GetCalendar(this)"  
   
8.                 style="cursor:hand" />

复制代码

2. 支持两种工作模式：layer（查询面板）和 editlayer（编辑面板）        ，默认是工作在查询面板模式

1. {nago_calendar name="STARTDATE"  id="STARTDATE" layer="editlayer" }

复制代码

3. 默认值的处理

1. {nago_calendar name="STARTDATE"  id="STARTDATE"  value="2018-08-20" }

复制代码

4. 宽度的设置
默认是120px

1. {nago_calendar name="STARTDATE"  id="STARTDATE"  width=200 }

复制代码

---

欢迎光临 深圳全飞鸿 (http://www.nagomes.com/disc/)

Powered by Discuz! X3.2