jQuery UI的datepicker()与变更格式
2023-09-27 14:21:31 时间
继续MVC应用程序的练习,刚刚练习了jQuery的UI中的datepicker()的方法,它是为了让用户能在文本框中快捷输入日期。
代码简洁与简单。
打开以前练习的一个视图Views\Home\Index.cxhtml:
添加一个input html tag,它的type为text:
然后在视图的head节点内,引用jQuery的UI,怎样引用,可以参考:《MVC程序实现Autocomplete功能》http://www.cnblogs.com/insus/p/3546255.html 文中有介绍到在MVC应用程序中安装jQuery的UI库与样式的。
在你的视图相对应位置,引用与编写上面3个部位代码,即完成。
最后来看看运行的效果:
效果看到了,它的显示格式为默认格式为“月/日/年”,我们是否可以改变其显示格式呢?如果你想改变其格式,肯定是没有问题。为了更好演示,你可能得先参考一下这篇《MVC应用程序,动态创建单选列表(RadioButtonList)》http://www.cnblogs.com/insus/p/3551348.html 。
但我们还得写一些jQuery代码,也就是说,用户点击Radio Button List选项时,它能改变文本框的日期显示格式。两个过程,一是为radio单选列表添加change事件,二是为datepicker()方法添加option:
实时操作演示:
相关文章
- 前端笔记----jquery入门知识点总结
- [转] jQuery的deferred对象详解
- Js和Jquery中ajax返回JSON格式的两种方法!(各有示例代码)
- 前端基础 -JQuery之 内容过滤选择器
- MVC自定义编辑视图,DateTime类型属性显示jQuery ui的datapicker
- Web 在线文件管理器学习笔记与总结(6)jQuery UI 预览图片
- 《jQuery Cookbook中文版》——导读
- 《jQuery UI 开发指南》——1.4 在HTML页面中应该引入哪些文件
- 《jQuery UI 开发指南》——2.3 tabs ()方法
- 《jQuery、jQuery UI及jQuery Mobile技巧与示例》——第3章 修改页面 3.1 技巧:添加类
- 《jQuery、jQuery UI及jQuery Mobile技巧与示例》——3.4 技巧:更改property和attribute
- 《jQuery、jQuery UI及jQuery Mobile技巧与示例》——3.6 技巧:使用append()和appendTo()添加内容
- 《jQuery、jQuery UI及jQuery Mobile技巧与示例》——3.7 示例:添加函数的返回结果
- 《jQuery、jQuery UI及jQuery Mobile技巧与示例》——3.13 示例:向上和向下移动列表项
- 《jQuery、jQuery UI及jQuery Mobile技巧与示例》——7.3 技巧:将元素转换为按钮微件
- 《jQuery、jQuery UI及jQuery Mobile技巧与示例》——9.9 技巧:监听Mobile事件
- 《jQuery、jQuery UI及jQuery Mobile技巧与示例》——9.10 技巧:生成回退按钮
- 《jQuery、jQuery UI及jQuery Mobile技巧与示例》——9.21 技巧:利用jQuery Mobile的辅助函数
- jquery 鼠标经过放大图片
- 曾经的超级明星类库jQuery未来也许不再会被前端程序猿追捧了!
- jQuery Easy UI Panel(面板)组件
- 【Javascript】【jQuery】onload和onready的区别
- jQuery随机抽取数字号代码