`

Jquery Ui 日期控件

 
阅读更多

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="utf-8">
 <title>jQuery UI Datepicker - Format date</title>
 <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
 <script src="../../jquery-1.6.2.js"></script>
 <script src="../../ui/jquery.ui.core.js"></script>
 <script src="../../ui/jquery.ui.widget.js"></script>
 <script src="../../ui/jquery.ui.datepicker.js"></script>
 <link rel="stylesheet" href="../demos.css">
 <script>
 $(function() {
  $( "#datepicker" ).datepicker();
  $( "#format" ).change(function() {
   $( "#datepicker" ).datepicker( "option", "dateFormat", $( this ).val() );
  });
 });
 </script>
</head>
<body>

<div class="demo">

<p>Date: <input type="text" id="datepicker" size="30"/></p>

<p>Format options:<br />
 <select id="format">
  <option value="mm/dd/yy">Default - mm/dd/yy</option>
  <option value="yy-mm-dd">ISO 8601 - yy-mm-dd</option>
  <option value="d M, y">Short - d M, y</option>
  <option value="d MM, y">Medium - d MM, y</option>
  <option value="DD, d MM, yy">Full - DD, d MM, yy</option>
  <option value="'day' d 'of' MM 'in the year' yy">With text - 'day' d 'of' MM 'in the year' yy</option>
 </select>
</p>

</div><!-- End demo -->

 

<div class="demo-description">
<p>Display date feedback in a variety of ways.  Choose a date format from the dropdown, then click on the input and select a date to see it in that format.</p>
</div><!-- End demo-description -->

</body>
</html>

分享到:
评论
1 楼 lj1214388 2011-11-13  
请问楼主,我导入了struts-jquery-plugin 的jar包,
在firebug下已经加载了jquery.datepick.min.js、jquery.datepick.css、jquery.datepick-zh-CN.js 这些文件,但就是日期控件不显示,
这是什么原因呢?

相关推荐

    JqueryUI 日期控件

    JqueryUI的日期控件 !!!!!

    jqueryui 日期控件demo

    详情见: http://blog.csdn.net/ghyg525/article/details/17612329

    jqueryUI日期控件和时间控件-附件资源

    jqueryUI日期控件和时间控件-附件资源

    jquery-ui控件

    jquery-ui jquery控件 jquery时间控件 js时间控件

    jquery_ui日历控件

    jquery_ui日历控件,简单好看,实用。

    jQuery UI 时间控件 附i18n包

    基于jQuery UI的一款优秀的时间控件,可以自定义i18n信息哦(jquery-ui-timepicker-addon-i18n.js),引用全套(jquery-1.11.3.js;jquery-ui.js;jquery-ui-timepicker-addon.js;jquery-ui-timepicker-addon-i18n.js;...

    从jquery.ui包里单独提出来的日期控件 datepicker

    jquery.ui.core.js - JQuery UI核心 jquery.ui.datepicker.js - Datepicker jquery.ui.datepicker-zh-CN.js - 本地化文件 jquery-1.6.2.min.js - JQuery1.6.2 jquery-ui-1.8.16.custom.css - 样式

    JQueryUI,EasyUI一些控件的使用

    JQueryUI,EasyUI一些控件的使用,表单,tab切换,样式切换等

    jquery-ui标准控件

    jQuery UI[1] 是以 jQuery 为基础的开源 JavaScript 网页用户界面代码库。包含底层用户交互、动画、特效和可更换主题的可视控件。我们可以直接用它来构建具有很好交互性的web应用程序.

    jQuery_UI控件

    jQuery_UI控件

    jquery UI demo 网站常用jquery效果 jquery控件 实用!

    网站常用jquery效果 jquery控件 包括 日历控件、tab控件、进度调、对话框、窗口弹出等效果 /jquery-ui-1.8.4.custom/development-bundle/demos/index.html 从这里进入

    jqueryUI控件

    jqueryUI控件,非常好的扁平化设计

    jquery-ui包含功能演示及代码

    jQuery UI 是以 jQuery 为基础的开源 JavaScript 网页用户界面代码库。包含底层用户交互、动画、特效和可更换主题的可视控件。我们可以直接用它来构建具有很好交互性的web应用程序。 编辑本段组件构成  jQuery UI ...

    jQuery UI Multiselect (jQuery UI 多选框)

    jQuery UI Multiselect是一个Web UI控件,它将html multiple select inputs转换成一个更直关、更易于操作的多选控件。支持全选添加和删除操作。

    jquery-ui-1.8.14.custom J-UI日历控件

    jquery的日历控件,小巧方便 简单易用,只需一句话就可以完成复杂的日历控件调用 $('#datepicker').datepicker()。 内置开发版本,和各种ui控件,喜欢的朋友可以拿去研究

    jquery-ui——时间控件-显示日期&星期几

    jquery-ui——时间控件-显示日期&星期几,修改了一下jquery ui的源码,可以选择日期,然后在日期后面加上星期几,例如:选择“2014-08-02”会显示“2014-08-02 星期六”用法跟jquery ui方法一样

    jquery炫酷UI,各种对话框,日期控件,折叠控件等

    jQuery UI是一套基于jquery构建具有皮肤更换功能的UI控件和鼠标交互组件。用于帮助开发人员构建具有良好用户体验的Web应用程序。交互组件包括 drag/dropping、sorting、selecting和resizing等。基于这些核心交互组件...

    jqueryui中插件Datepicker控件的使用

    1、jqueryui中的datepicker的简单使用说明 2、datepicker中选中日期后,不刷新datepicker的方法 3、datepicker的日程表样式。

    jquery-ui.1.10

    无论您是创建高度交互的 Web 应用程序还是仅仅向窗体控件添加一个日期选择器,jQuery UI 都是一个完美的选择。 jQuery UI 包含了许多维持状态的小部件(Widget),因此,它与典型的 jQuery 插件使用模式略有不同。...

Global site tag (gtag.js) - Google Analytics