这篇文章主要介绍了smarty内部日期函数html_select_date()用法,以实例形式较为详细的分析了smarty模板中内部日期函数html_select_date()的各项参数、功能及使用技巧,需要的朋友可以参考下。

本文实例讲述了smarty内部日期函数html_select_date()的用法，分享给大家供大家参考，具体如下：

主要属性：

prefix //string类型 默认前缀名为"Date_"

start_year //string类型 默认为当前年份 仍可以用(+/-N)模式表示 如start_year="-10" option就从1998年开始

end_year //string类型 默认同上 可用(+/-N)模式表示 如end_year="+5" option就到2013为止

field_order //string类型 默认MDY 即按月日年的顺序 排放select

month_format //string类型 默认%B 即显示为January、February、etc. %b格式为简写形式 显示月份的前三个字母

//%m格式为数字显示月份

day_format //string类型 默认%02d 数字表示从01～31 并且与月份不关联 %b格式为二进制显示格式 很少用

其他属性：

display_days //boolean类型 控制day的select是否显示

display_months //boolean类型 控制month的select是否显示

display_years //boolean类型 控制year的select是否显示

year_as_text //boolean类型 true显示为text型年份 false显示为下拉菜单型

reverse_years //boolean 类型 true的情况下年份为倒序显示

year_size //string 类型 值在大于1的情况下均为下拉菜单型输出 0或1时为上下箭头控制

month_size //同上

day_size //同上

示例如下：

1. {html_select_date prefix="StartDate" time=$time start_year="-5" end_year="+1" display_days=false}
2. OUTPUT: (current year is 2000)
3. <select name="StartDateMonth">
4. <option value="1">January</option>
5. <option value="2">February</option>
6. <option value="3">March</option>
7. <option value="4">April</option>
8. <option value="5">May</option>
9. <option value="6">June</option>
10. <option value="7">July</option>
11. <option value="8">August</option>
12. <option value="9">September</option>
13. <option value="10">October</option>
14. <option value="11">November</option>
15. <option value="12" selected>December</option>
16. </select>
17. <select name="StartDateYear">
18. <option value="1999">1995</option>
19. <option value="1999">1996</option>
20. <option value="1999">1997</option>
21. <option value="1999">1998</option>
22. <option value="1999">1999</option>
23. <option value="2000" selected>2000</option>
24. <option value="2001">2001</option>
25. </select>

其他的属性，请自行调试。这个日期处理函数的缺点是day与month不关联，不如用js处理，其中js显示day的函数可以如下定义：

1. function showdays(year,month){
2. var day="day";
3. if(month.value==0){
4. document.getElementById(day).length=1;
5. return;
6. }else{
7. if(month.value==1||month.value==3||month.value==5||month.value==7||month.value==8||month.value==10||month.value==12){
8. document.getElementById(day).length=1;
9. createlist(1,32,day);
10. return;
11. }else if(month.value==2){
12. if(year.value%4==0&&year.value%100!=0||year.value%400==0){
13. document.getElementById(day).length=1;
14. createlist(1,30,day);
15. return;
16. }else{
17. document.getElementById(day).length=1;
18. createlist(1,29,day);
19. return;
20. }
21. }else{
22. document.getElementById(day).length=1;
23. createlist(1,31,day);
24. return;
25. }
26. }
27. }