当前位置：Gxlcms > asp.net > asp.net中日历函数Calendar的使用方法

asp.net中日历函数Calendar的使用方法

时间：2021-07-01 10:21:17 帮助过：11人阅读

今天介绍的是微软提供的ajax calendar控件。这个控件使用了ajax的效果，并通过前台js和style设置事件和效果。功能丰富、样式自有，实为网站设计、mis开发之必备控件。

按照惯例，现在该贴代码了：

<asp教程:textbox runat="server" id="txtcalendar" width="150" />
<ajaxtoolkit:calendarextender runat="server" targetcontrolid="txtcalendar" css教程class="mycalendar" format="yyyy-mm-dd" />

由于设置了样式，所以这里也把代码贴出来吧，只是写一个简单的样式：
代码如下:
  1. <br>.mycalendar .ajax__calendar_container{ <br>border: 1px solid #646464; <br>background-color: maroon; <br>color: red; <br>} <br> <br>这样运行的时候，你会发现，丫的居然是英语的，没有咱们汉语，这让我们情何以堪呀！怎么办呢？当然有解决办法，并且很轻松的实现。不卖关子了，其实只需要设置enablescriptglobalization 和 enablescriptlocalization 为true就可以了。 <br><br>接下来的说说属性吧，targetcontrolid不说了，format就是设置显示的样式，和c#中日期格式format是一样的。popupbuttonid是点击的弹出的按钮控件id。 <br><br>样式有很多： <br>.ajax__calendar_container <br>.ajax__calendar_header <br>.ajax__calendar_prev <br>.ajax__calendar_title <br><br>web 控件标准属性 <br>accesskey, attributes, backcolor, bordercolor, borderstyle, borderwidth, <br>cssclass, enabled, font, enabletheming, forecolor, height, isenabled, <br>skinid, style, tabindex, tooltip, width如需完整描述，请访问 web 控件标准属性。 <br>控件标www.3ppt.com准属性 <br>apprelativetemplatesourcedirectory, bindingcontainer, clientid, controls, <br>enabletheming, enableviewstate, id, namingcontainer, page, parent, site, <br>templatecontrol, templatesourcedirectory, uniqueid, visible如需完整描述，请访问控件标准属性。 <br><br>
  2. <h2>属性</h2>
  3. <table class="jbborder" align="center">
  4. <tbody>
  5. <tr>
  6. <th><span style="FONT-SIZE: 14px">属性</span></th>
  7. <th><span style="FONT-SIZE: 14px">描述</span></th>
  8. <th><span style="FONT-SIZE: 14px">.net</span></th></tr>
  9. <tr>
  10. <td><span style="FONT-SIZE: 14px">caption</span></td>
  11. <td><span style="FONT-SIZE: 14px">日历的标题。</span></td>
  12. <td><span style="FONT-SIZE: 14px">2.0</span></td></tr>
  13. <tr>
  14. <td><span style="FONT-SIZE: 14px">captionalign</span></td>
  15. <td><span style="FONT-SIZE: 14px">日历标题文本的对齐方式。</span></td>
  16. <td><span style="FONT-SIZE: 14px">2.0</span></td></tr>
  17. <tr>
  18. <td><span style="FONT-SIZE: 14px">cellpadding</span></td>
  19. <td><span style="FONT-SIZE: 14px">单元格边框与内容之间的空白，以像素计。</span></td>
  20. <td><span style="FONT-SIZE: 14px">1.0</span></td></tr>
  21. <tr>
  22. <td><span style="FONT-SIZE: 14px">cellspacing</span></td>
  23. <td><span style="FONT-SIZE: 14px">单元格之间的空白，以像素计。</span></td>
  24. <td><span style="FONT-SIZE: 14px">1.0</span></td></tr>
  25. <tr>
  26. <td><span style="FONT-SIZE: 14px">dayheaderstyle</span></td>
  27. <td><span style="FONT-SIZE: 14px">显示一周中某天的名称的样式。</span></td>
  28. <td><span style="FONT-SIZE: 14px">1.0</span></td></tr>
  29. <tr>
  30. <td><span style="FONT-SIZE: 14px">daynameformat</span></td>
  31. <td><span style="FONT-SIZE: 14px">显示周中各天的名称格式。</span></td>
  32. <td><span style="FONT-SIZE: 14px">1.0</span></td></tr>
  33. <tr>
  34. <td><span style="FONT-SIZE: 14px">daystyle</span></td>
  35. <td><span style="FONT-SIZE: 14px">显示日期的样式。</span></td>
  36. <td><span style="FONT-SIZE: 14px">1.0</span></td></tr>
  37. <tr>
  38. <td><span style="FONT-SIZE: 14px">firstdayofweek</span></td>
  39. <td><span style="FONT-SIZE: 14px">哪天是周的第一天。</span></td>
  40. <td><span style="FONT-SIZE: 14px">1.0</span></td></tr>
  41. <tr>
  42. <td><span style="FONT-SIZE: 14px">nextmonthtext</span></td>
  43. <td><span style="FONT-SIZE: 14px">显示下一月链接的文本。</span></td>
  44. <td><span style="FONT-SIZE: 14px">1.0</span></td></tr>
  45. <tr>
  46. <td><span style="FONT-SIZE: 14px">nextprevformat</span></td>
  47. <td><span style="FONT-SIZE: 14px">下一月和上一月链接的格式。</span></td>
  48. <td><span style="FONT-SIZE: 14px">1.0</span></td></tr>
  49. <tr>
  50. <td><span style="FONT-SIZE: 14px">nextprevstyle</span></td>
  51. <td><span style="FONT-SIZE: 14px">显示下一月和上一月链接的样式。</span></td>
  52. <td><span style="FONT-SIZE: 14px">1.0</span></td></tr>
  53. <tr>
  54. <td><span style="FONT-SIZE: 14px">othermonthdaystyle</span></td>
  55. <td><span style="FONT-SIZE: 14px">显示不在当前月中的日期的样式。</span></td>
  56. <td><span style="FONT-SIZE: 14px">1.0</span></td></tr>
  57. <tr>
  58. <td><span style="FONT-SIZE: 14px">prevmonthtext</span></td>
  59. <td><span style="FONT-SIZE: 14px">显示上一月链接的文本。</span></td>
  60. <td><span style="FONT-SIZE: 14px">1.0</span></td></tr>
  61. <tr>
  62. <td><span style="FONT-SIZE: 14px">runat</span></td>
  63. <td><span style="FONT-SIZE: 14px">规定该控件是服务器控件。必须设置为 "server"。</span></td>
  64. <td><span style="FONT-SIZE: 14px">1.0</span></td></tr>
  65. <tr>
  66. <td><span style="FONT-SIZE: 14px">selecteddate</span></td>
  67. <td><span style="FONT-SIZE: 14px">选定的日期。</span></td>
  68. <td><span style="FONT-SIZE: 14px">1.0</span></td></tr>
  69. <tr>
  70. <td><span style="FONT-SIZE: 14px">selecteddates</span></td>
  71. <td><span style="FONT-SIZE: 14px">选定的日期。</span></td>
  72. <td><span style="FONT-SIZE: 14px">1.0</span></td></tr>
  73. <tr>
  74. <td><span style="FONT-SIZE: 14px">selecteddaystyle</span></td>
  75. <td><span style="FONT-SIZE: 14px">选定日期的样式。</span></td>
  76. <td><span style="FONT-SIZE: 14px">1.0</span></td></tr>
  77. <tr>
  78. <td><span style="FONT-SIZE: 14px">selectionmode</span></td>
  79. <td><span style="FONT-SIZE: 14px">允许用户如何选择日期。</span></td>
  80. <td><span style="FONT-SIZE: 14px">1.0</span></td></tr>
  81. <tr>
  82. <td><span style="FONT-SIZE: 14px">selectmonthtext</span></td>
  83. <td><span style="FONT-SIZE: 14px">显示为月份选择链接的文本。</span></td>
  84. <td><span style="FONT-SIZE: 14px">1.0</span></td></tr>
  85. <tr>
  86. <td><span style="FONT-SIZE: 14px">selectorstyle</span></td>
  87. <td><span style="FONT-SIZE: 14px">月份和周的选择链接的样式。</span></td>
  88. <td><span style="FONT-SIZE: 14px">1.0</span></td></tr>
  89. <tr>
  90. <td><span style="FONT-SIZE: 14px">selectweektext</span></td>
  91. <td><span style="FONT-SIZE: 14px">显示为周的选择链接的文本。</span></td>
  92. <td><span style="FONT-SIZE: 14px">1.0</span></td></tr>
  93. <tr>
  94. <td><span style="FONT-SIZE: 14px">showdayheader</span></td>
  95. <td><span style="FONT-SIZE: 14px">布尔值，该值指示是否显示一周中各天的标头。</span></td>
  96. <td><span style="FONT-SIZE: 14px">1.0</span></td></tr>
  97. <tr>
  98. <td><span style="FONT-SIZE: 14px">showgridlines</span></td>
  99. <td><span style="FONT-SIZE: 14px">布尔值，规定是否显示日期之间的网格线。</span></td>
  100. <td><span style="FONT-SIZE: 14px">1.0</span></td></tr>
  101. <tr>
  102. <td><span style="FONT-SIZE: 14px">shownextprevmonth</span></td>
  103. <td><span style="FONT-SIZE: 14px">布尔值，规定是否显示下一月和上一月链接。</span></td>
  104. <td><span style="FONT-SIZE: 14px">1.0</span></td></tr>
  105. <tr>
  106. <td><span style="FONT-SIZE: 14px">showtitle</span></td>
  107. <td><span style="FONT-SIZE: 14px">布尔值，规定是否现实日期的标题。</span></td>
  108. <td><span style="FONT-SIZE: 14px">1.0</span></td></tr>
  109. <tr>
  110. <td><span style="FONT-SIZE: 14px">titleformat</span></td>
  111. <td><span style="FONT-SIZE: 14px">日期标题的格式。</span></td>
  112. <td><span style="FONT-SIZE: 14px">1.0</span></td></tr>
  113. <tr>
  114. <td><span style="FONT-SIZE: 14px">titlestyle</span></td>
  115. <td><span style="FONT-SIZE: 14px">日期标题的样式。</span></td>
  116. <td><span style="FONT-SIZE: 14px">1.0</span></td></tr>
  117. <tr>
  118. <td><span style="FONT-SIZE: 14px">todaydaystyle</span></td>
  119. <td><span style="FONT-SIZE: 14px">当天的日期的样式。</span></td>
  120. <td><span style="FONT-SIZE: 14px">1.0</span></td></tr>
  121. <tr>
  122. <td><span style="FONT-SIZE: 14px">todaysdate</span></td>
  123. <td><span style="FONT-SIZE: 14px">获取或设置今天的日期的值。</span></td>
  124. <td><span style="FONT-SIZE: 14px">1.0</span></td></tr>
  125. <tr>
  126. <td><span style="FONT-SIZE: 14px">useaccessibleheader</span></td>
  127. <td><span style="FONT-SIZE: 14px">规定是否使用 <th> 来代替 <td> 元素用于日的头部。</span></td>
  128. <td><span style="FONT-SIZE: 14px">2.0</span></td></tr>
  129. <tr>
  130. <td><span style="FONT-SIZE: 14px">visibledate</span></td>
  131. <td><span style="FONT-SIZE: 14px">获取或设置指定要在 calendar 控件上显示的月份的日期。</span></td>
  132. <td><span style="FONT-SIZE: 14px">1.0</span></td></tr>
  133. <tr>
  134. <td><span style="FONT-SIZE: 14px">weekenddaystyle</span></td>
  135. <td><span style="FONT-SIZE: 14px">周末的样式。</span></td>
  136. <td><span style="FONT-SIZE: 14px">1.0</span></td></tr>
  137. <tr>
  138. <td><span style="FONT-SIZE: 14px">ondayrender</span></td>
  139. <td><span style="FONT-SIZE: 14px">当每一天的单元格被创建时，所执行的函数的名称。</span></td>
  140. <td> </td></tr>
  141. <tr>
  142. <td><span style="FONT-SIZE: 14px">onselectionchanged</span></td>
  143. <td><span style="FONT-SIZE: 14px">当用户选择天、周或月时 ，所执行的函数的名称。</span></td>
  144. <td> </td></tr>
  145. <tr>
  146. <td><span style="FONT-SIZE: 14px">onvisiblemonthchanged</span></td>
  147. <td><span style="FONT-SIZE: 14px">当用户导航到不同的月时，所执行的函数的名称。</span></td></tr></tbody></table>
  148.             
  149.

人气教程排行

本站所有资源全部来源于网络，若本站发布的内容侵害到您的隐私或者利益，请联系我们删除！