求日历的JS的代码_百度知道
求日历的JS的代码
需要是前面有个输入框，后面一个按钮。需要点击按钮，出现日历。点一个日期。日期的信息出现在前面的输入框里
我有更好的答案
这种东西有框架已经做好了的，网上下一个，比如 My97DatePicker
能给我一个么？我下不到合适用的。我想要的是后面的按钮跟前面的输入框是分开的。是这样的
百度搜一下不是很多么？我不在公司，自己电脑上也没有额
这个代码有点复杂，涉及几个文件的，怎么发给你？
为您推荐：
其他类似问题
日历的相关知识
换一换
回答问题，赢新手礼包
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。求html中的javascript代码，为&input&生成一个月历选择框，在输入框中输入日期，输_百度知道
求html中的javascript代码，为&input&生成一个月历选择框，在输入框中输入日期，输
求html中的javascript代码，为&input&生成一个月历选择框，在输入框中输入日期，输入框底下出现某一月份的日期选择，就像买火车票是可以用鼠标选日期一样。谢谢
我有更好的答案
　　你好，可以使用My97日期控件，简单示例&!DOCTYPE&html&&html&&head&lang=&en&&&&&&&meta&charset=&UTF-8&&&&&&&title&&/title&&&&&&script&src=&&/head&&body&&&&&&input&type=&text&&id=&d11&&onclick=&WdatePicker()&&&/body&&/html&　　导入js直接使用，具体详细使用可参考文档
采纳率：87%
来自团队：
WdatePicker 日历插件
求完整script代码，满意的话必加分！
插件是不用怎么写script的,你只要包含这个插件的文件然后调用就行
为您推荐：
其他类似问题
javascript的相关知识
换一换
回答问题，赢新手礼包
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。JS(JavaScript)脚本库的积累_Javascript教程_动态网站制作指南
JS(JavaScript)脚本库的积累
来源：人气：1178
JS(Scrt)脚本库的积累
在现在互联网盛行的时代，使得B/S架构飞速发展。曾经在大学的时候我一直都梦想着毕业后要找一个像腾讯这样大企业做C/S方面的开发工作（其实现在腾讯也有很多B/S软件），因为C/S体验度非常高，感觉非常好。但是此时此刻，我却没有这样的想法了。这是为什么呢？对于有经验的软件工程师都很清楚，B/S的程序部署在服务器，客户端只需要浏览器即可使用，而C/S需要客户在终端安装客户端程序，所以B/S在维护和升级方面的简易性上，无疑有独有优势，而且对客户端的硬件要求相对于C/S软件一般都要低。B/S当然它也有它的弊病，就是客户端使用不同版本浏览器，显示结果会有所差异，这个其实就是浏览器的兼容性导致的，而C/S一般不存在。现在随着经济水平的发展，对物质的要求越来越高，对互联网的体验度的也要求越来越高，所以网站设计体验越来越重要，它关系到产品的成败（产品的成败是指的客户是否接受，而不是产品可以正常运行）。一些中大型软件公司都有独立的UED部门，他们主要从事软件界面设计，小公司的话也有美工设计。其实对于一个网站前端设计，大致主要是四大技术HTML++IMAGE+JS（暂不谈论优化这一块的技术）。其中JS提高体验度的重中之重。因为JS是前端脚本，很多公司和工程师，为了方便开发，封装了很多JS库，供团队使用。其中互联网上有很多非常优秀开源JS库，都可以找到，示例和文档。一个网站如果用这些JS库就会加快项目开发速度，而且它们兼容性会更好，用户的体验度也会更高。我们通常可以使用JS库能帮助我们实现很多复杂的功能或者常用的功能，如：菜单树、弹窗、验证、文本编辑器、图表、日期等。我们使用这些JS库的其实目的很简单，就是为了让他帮助实现自己想实现的部分功能。这里就需要考虑到了一些问题，如代码开源与否，是否还有团队维护，是否允许商用，同行使用率是否高等。以方便使用过程中遇到问题，可以得到维护团队的解决或自行解决。因为JS也是别人写的，它就是一个产品（开发团队可能公开源码却不允许商用。其中开源协议中有定义，可以百度找下），它就会存在bug。我之所以废话这么多，其实就是想表述JS值得大家去学习和研究，网络上的资源很多。即使你是后台工程师，你学习它对工作会有非常大帮助。下面我再来总结一下常用的JS脚本库，供大家学习参考。其实大多数的JS库都是基于jQuery一、基本库1、jQuerya、简介JQuery是继ototype之后又一个优秀的库。它是轻量级的js库 ，它兼容CSS3，还兼容各种浏览器（IE 6.0+, FF 1.5+, Safari 2.0+,
9.0+），jQuery2.0及后续版本将不再支持IE6/7/8浏览器。jQuery使用户能更方便地处理HTML（标准通用标记语言下的一个应用）、events、实现动画效果，并且方便地为网站提供交互。jQuery还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。jQuery能够使用户的html页面保持代码和html内容分离，也就是说，不用再在html里面插入一堆js来调用命令了，只需要定义id即可。jQuery是一个兼容多浏览器的javascript库，核心理念是write less,do more(写得更少,做得更多)。jQuery在2006年1月由美国人JohnResig在纽约的barcamp发布，吸引了来自世界各地的众多JavaScript高手加入，由Dave Methvin率领团队进行开发。如今，jQuery已经成为最流行的javascript库，在世界前10000个访问最多的网站中，有超过55%在使用jQuery。jQuery是免费、开源的，使用MIT许可协议。jQuery的语法设计可以使开发者更加便捷，例如操作文档对象、选择DOM元素、制作动画效果、事件处理、使用Ajax以及其他功能。除此以外，jQuery提供API让开发者编写插件。其模块化的使用方式使开发者可以很轻松的开发出功能强大的静态或动态网页。jQuery，顾名思议，也就是JavaScript和查询（Query），即是辅助JavaScript开发的库。c、官方网站：http://jquery.com/b、学习指南或文档 学习教程：http://www.w3school.com.cn/jquery/ 在线API：http://www.css88.com/jqapi-1.9/※注：jQuery2.*将不再支持IE6/7/8浏览器，如果你无法抛弃IE6/7/8，那么你可以继续使用jQuery 1.*二、常用JS库1、验证（jquery.validate）a、简介这个 jQuery 插件方便简单验证客户端表单，同时仍提供大量的自定义选项。如果您正在重新开始构建一些新的东西，但当想要的已有的东西(这里指的是JS脚本)融入现有的应用程序里，它使一个不错的选择。该插件捆绑了一组有用的验证方法，包括 URL 和电子邮件验证，同时提供一个 API 来让你您自己编写方法。所有验证方法可以默认错误提示消息语言是英语和已经成的其他37语言。b、官方网站：http://jqueryvalidation.org/c、学习指南或文档:http://jqueryvalidation.org/documentation/2、弹窗(artDialog)a、简介artDialog是一个精巧的web对话框，压缩后只有十多KB，并且不依赖其他框架。b、官方网站：http://jqueryvalidation.org/c、学习指南或文档:http://jqueryvalidation.org/documentation/3、日期(My97日期控件)a、简介支持静态限制，动态限制，脚本自定义限制，以及无效天和无效日期功能，利用这样功能可以任意定制不能选择的日期，这些日期即使毫无规律，毫无连续性，也可以通过这些功能的组合使用轻松搞定。b、官方网站:http://www.my97.netc、学习指南或文档:见官网4、菜单树(zTree)a、简介zTree 是一个依靠 jQuery 实现的多功能 &树插件&。优异的性能、灵活的配置、多种功能的组合是 zTree 最大优点。专门适合项目开发，尤其是 树状菜单、树状数据的Web显示、权限管理等等。b、官方网站: http://www.ztree.mec、学习指南或文档: 见官网5、图表(ECharts)a、简介ECharts，缩写来自Enterprise Charts，商业级数据图表，一个纯Javascript的图表库，可以流畅的运行在PC和移动设备上，兼容当前绝大部分浏览器（IE6/7/8/9 /10/11，，，Safari等），底层依赖轻量级的Canvas类库ZRender，提供直观，生动，可交互，可高度个性化定制的数据可视化图表。创新的拖拽重计算、数据视图、值域漫游等特性大大增强了用户体验，赋予了用户对数据进行挖掘、整合的能力。支持折线图（区域图）、柱状图（条状图）、散点图（气泡图）、K线图、饼图（环形图）、雷达图（填充雷达图）、和弦图、力导向布局图、地图、仪表盘、漏斗图、事件河流图等12类图表，同时提供标题，详情气泡、图例、值域、数据区域、时间轴、工具箱等7个可交 互组件，支持多图表、组件的联动和混搭展现。b、官方网站：http://echarts.baidu.comc、学习指南或文档: 见官网6、在线编辑器(KindEditor)a、简介KindEditor是一套开源的HTML可视化编辑器，主要用于让用户在网站上获得所见即所得编辑效果，兼容IE、Firefox、Chrome、Safari、Opera等主流浏览器。KindEditor使用JavaScript编写，可以无缝的于Java、.NET、、等程序接合。b、官方网站：http://kindeditor.netc、学习指南或文档: 见官网三、WebUI1、jQuery UIa、简介jQuery UI 是以 jQuery 为基础的开源 JavaScript 网页用户界面代码库。包含底层用户交互、动画、特效和可更换主题的可视控件。我们可以直接用它来构建具有很好交互性的web应用程序。所有插件测试能兼容IE 6.0+, Firefox 3+, Safari3.1+, Opera 9.6+, 和GoogleChrome。b、官方网站：http://jqueryui.com/c、学习指南或文档:http://www.w3cschool.cc/jqueryui/jqueryui-intro.html2、EasyUIa、简介jQuery EasyUI是一组基于jQuery的UI插件集合体，而jQueryEasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript，也不需要对css样式 有深入的了解，开发者需要了解的只有一些简单的html标签。b、官方网站：http://www.jeasyui.com/c、学习指南或文档:http://www.w3cschool.cc/jeasyui/jqueryeasyui-tutorial.html由于时间的关系有些JS库的资料还未整理好，等整理好后，再做更新。
优质网站模板关于MVC中调用一段JS代码
[问题点数：20分，结帖人hillbird]
关于MVC中调用一段JS代码
[问题点数：20分，结帖人hillbird]
不显示删除回复
显示所有回复
显示星级回复
显示得分回复
只显示楼主
2010年 总版技术专家分年内排行榜第一2009年 总版技术专家分年内排行榜第一
2011年 总版技术专家分年内排行榜第二
2017年2月 总版技术专家分月排行榜第三
2018年1月 .NET技术大版内专家分月排行榜第一2017年5月 .NET技术大版内专家分月排行榜第一2017年4月 .NET技术大版内专家分月排行榜第一2017年3月 .NET技术大版内专家分月排行榜第一2017年2月 .NET技术大版内专家分月排行榜第一2016年10月 .NET技术大版内专家分月排行榜第一2016年8月 .NET技术大版内专家分月排行榜第一2016年7月 .NET技术大版内专家分月排行榜第一
2017年2月 总版技术专家分月排行榜第三
2018年1月 .NET技术大版内专家分月排行榜第一2017年5月 .NET技术大版内专家分月排行榜第一2017年4月 .NET技术大版内专家分月排行榜第一2017年3月 .NET技术大版内专家分月排行榜第一2017年2月 .NET技术大版内专家分月排行榜第一2016年10月 .NET技术大版内专家分月排行榜第一2016年8月 .NET技术大版内专家分月排行榜第一2016年7月 .NET技术大版内专家分月排行榜第一
匿名用户不能发表回复！|此项目是 的一个分支，原项目不支持 Time 选择。
其它部分也进行了改进、增强，例如load 过程增加了对 ISO-8601 日期格式的支持。
文档是拷贝/粘贴字原项目的文档，并且加入了更多细节说明。
别犹豫了，下载下来试试吧 !
此地址可以克隆或fork本项目
git clone git://github.com/smalot/bootstrap-datetimepicker.git
希望这个小小的项目能帮到你 !
Tags: twitter-bootstrap, datetime, picker, component, javascript, widget
小时视图 *
Day view w/ meridian *
Hour view w/ meridian *
(*) Added views to select the time part.
需要bootstrap的下拉菜单组件 (dropdowns.less) 的某些样式，还有bootstrap的sprites (sprites.less and associated images) 中的箭头图标。
A standalone .css file (including necessary dropdown styles and alternative, text-based arrows) can be generated by running build/build_standalone.less through the lessc compiler:
$ lessc build/build_standalone.less datetimepicker.css
所有需要"Date" 的选项都可以处理Date 对象; a String formatted according to the given format; or a timedelta relative to today, eg '-1d', '+6m +1y', etc, where valid units are 'd' (day), 'w' (week), 'm' (month), and 'y' (year).
你也可以指定一个符合 ISO-8601 格式的日期时间，就可以忽略下面的格式：
yyyy-mm-dd
yyyy-mm-dd hh:ii
yyyy-mm-ddThh:ii
yyyy-mm-dd hh:ii:ss
yyyy-mm-ddThh:ii:ssZ
默认值: 'mm/dd/yyyy'
日期格式， p, P, h, hh, i, ii, s, ss, d, dd, m, mm, M, MM, yy, yyyy 的任意组合。
p : meridian in lower case ('am' or 'pm') - according to locale file
P : meridian in upper case ('AM' or 'PM') - according to locale file
s : seconds without leading zeros
ss : seconds, 2 digits with leading zeros
i : minutes without leading zeros
ii : minutes, 2 digits with leading zeros
h : hour without leading zeros - 24-hour format
hh : hour, 2 digits with leading zeros - 24-hour format
H : hour without leading zeros - 12-hour format
HH : hour, 2 digits with leading zeros - 12-hour format
d : day of the month without leading zeros
dd : day of the month, 2 digits with leading zeros
m : numeric representation of month without leading zeros
mm : numeric representation of the month, 2 digits with leading zeros
M : short textual representation of a month, three letters
MM : full textual representation of a month, such as January or March
yy : two digit representation of a year
yyyy : full numeric representation of a year, 4 digits
Integer. 默认值：0
一周从哪一天开始。0（星期日）到6（星期六）
Date. 默认值：开始时间
The earliest date
all earlier dates will be disabled.
Date. 默认值：结束时间
The latest date
all later dates will be disabled.
daysOfWeekDisabled
String, Array.
默认值: '', []
Days of the week that should be disabled. Values are 0 (Sunday) to 6 (Saturday). Multiple values should be comma-separated. Example: disable weekends: '0,6' or [0,6].
Boolean. 默认值：false
当选择一个日期之后是否立即关闭此日期时间选择器。
Number, String. 默认值：2, 'month'
日期时间选择器打开之后首先显示的视图。
可接受的值：
0 or 'hour' for the hour view
1 or 'day' for the day view
2 or 'month' for month view (the default)
3 or 'year' for the 12-month overview
4 or 'decade' for the 10-year overview. Useful for date-of-birth datetimepickers.
Number, String. 默认值：0, 'hour'
日期时间选择器所能够提供的最精确的时间选择视图。
Number, String. 默认值：4, 'decade'
日期时间选择器最高能展示的选择范围视图。
Boolean, "linked".
默认值: false
如果此值为true 或 "linked"，则在日期时间选择器组件的底部显示一个 "Today" 按钮用以选择当前日期。如果是true的话，"Today" 按钮仅仅将视图转到当天的日期，如果是"linked"，当天日期将会被选中。
todayHighlight
默认值: false
如果为true, 高亮当前日期。
keyboardNavigation
默认值: true
是否允许通过方向键改变日期。
默认值: 'en'
The two-letter code of the language to use for month and day names.
These will also be used as the input's value (and subsequently sent to the server in the case of form submissions).
Currently ships with English ('en'), German ('de'), Brazilian ('br'), and Spanish ('es') translations, but others can be added (see I18N below).
If an unknown language code is given, English will be used.
forceParse
默认值: true
当选择器关闭的时候，是否强制解析输入框中的值。也就是说，当用户在输入框中输入了不正确的日期，选择器将会尽量解析输入的值，并将解析后的正确值按照给定的格式format设置到输入框中。
minuteStep
此数值被当做步进值用于构建小时视图。对于每个 minuteStep 都会生成一组预设时间（分钟）用于选择。
pickerReferer : 不建议使用
默认值: 'default' (other value available : 'input')
The referer element to place the picker for the component implementation. If you want to place the picker just under the input field, just specify input.
pickerPosition
默认值: 'bottom-right' (还支持 : 'bottom-left')
此选项当前只在组件实现中提供支持。通过设置选项可以讲选择器放倒输入框下方。
viewSelect
Number or String.
默认值: same as minView (supported values are: 'decade', 'year', 'month', 'day', 'hour')
With this option you can select the view from which the date will be selected. By default it's the last one, however you can choose the first one, so at each click the date will be updated.
showMeridian
默认值: false
This option will enable meridian views for day and hour views.
initialDate
Date or String.
默认值: new Date()
You can initialize the viewer with a date. By default it's now, so you can specify yesterday or today at midnight ...
组件模版。
&div class=&input-append date& id=&datetimepicker& data-date=&12-02-2012& data-date-format=&dd-mm-yyyy&&
&input class=&span2& size=&16& type=&text& value=&12-02-2012&&
&span class=&add-on&&&i class=&icon-th&&&/i&&/span&
带有重置按钮（用于清空输入框）的组件模版。
&div class=&input-append date& id=&datetimepicker& data-date=&12-02-2012& data-date-format=&dd-mm-yyyy&&
&input class=&span2& size=&16& type=&text& value=&12-02-2012&&
&span class=&add-on&&&i class=&icon-remove&&&/i&&/span&
&span class=&add-on&&&i class=&icon-th&&&/i&&/span&
.datetimepicker(options)
初始化日期时间选择器。
参数: None
移除日期时间选择器。同时移除已经绑定的event、内部绑定的对象和HTML元素。
$('#datetimepicker').datetimepicker('remove');
参数: None
显示日期时间选择器。
$('#datetimepicker').datetimepicker('show');
参数: None
隐藏日期时间选择器。
$('#datetimepicker').datetimepicker('hide');
参数: None
使用当前输入框中的值更新日期时间选择器。
$('#datetimepicker').datetimepicker('update');
setStartDate
startDate (String)
给日期时间选择器设置一个新的起始日期。
$('#datetimepicker').datetimepicker('setStartDate', '');
Omit startDate (or provide an otherwise falsey value) to unset the limit.
$('#datetimepicker').datetimepicker('setStartDate');
$('#datetimepicker').datetimepicker('setStartDate', null);
setEndDate
endDate (String)
给日期时间选择器设置结束日期。
$('#datetimepicker').datetimepicker('setEndDate', '');
Omit endDate (or provide an otherwise falsey value) to unset the limit.
$('#datetimepicker').datetimepicker('setEndDate');
$('#datetimepicker').datetimepicker('setEndDate', null);
setDaysOfWeekDisabled
daysOfWeekDisabled (String|Array)
Sets the days of week that should be disabled.
$('#datetimepicker').datetimepicker('setDaysOfWeekDisabled', [0,6]);
Omit daysOfWeekDisabled (or provide an otherwise falsey value) to unset the disabled days.
$('#datetimepicker').datetimepicker('setDaysOfWeekDisabled');
$('#datetimepicker').datetimepicker('setDaysOfWeekDisabled', null);
Datetimepicker 类暴露了一组event用以对日期进行操作。
当选择器显示时被触发。
当选择器隐藏时被触发。
changeDate
当日期被改变时被触发。
$('#date-end')
.datetimepicker()
.on('changeDate', function(ev){
if (ev.date.valueOf() & date-start-display.valueOf()){
changeYear
当十年视图上的年视图view被改变时触发。
changeMonth
当年视图上的月视图view被改变时触发。
outOfRange
当用户选择的日期超出startDate 或endDate 时，或者通过setDate 或 setUTCDate方法设置日期超出范围时被触发。
日期时间选择器提供了键盘导航：
up, down, left, right 方向键
这些方向键中，left/right 向后/向前 一天，up/down 向后/向前 一周。
配合shift键，up/left 向后退一个月，down/right 向前进一个月。
配置ctrl键，up/left 向后退一年，down/right 向前进一年。
Shift+ctrl 和 ctrl 同等效果 - 也就是说，他们不能同时改变月和年，只能单独改变年。
escape 键可以用来隐藏、重新显示日期时间选择器；当用户希望手工编辑输入框中的值是会很有用。
当选择器处于显示状态时，enter键只是将其隐藏。当选择器处于隐藏状态时，enter键发挥通常的功能 - 提交当前表单，或者其他。
本插件支持月、每周中天的名称、weekStart选项的国际化。默认是语言是English ('en');其它可以使用的翻译文件在js/locales/ 目录中，只需在本插件之后引入需要的语言文件即可。需要增加额外语言支持的话，只需向 $.fn.datetimepicker.dates中增加一个key即可，一定要放在调用 .datetimepicker()之前。如下案例：
$.fn.datetimepicker.dates['en'] = {
days: [&Sunday&, &Monday&, &Tuesday&, &Wednesday&, &Thursday&, &Friday&, &Saturday&, &Sunday&],
daysShort: [&Sun&, &Mon&, &Tue&, &Wed&, &Thu&, &Fri&, &Sat&, &Sun&],
daysMin: [&Su&, &Mo&, &Tu&, &We&, &Th&, &Fr&, &Sa&, &Su&],
months: [&January&, &February&, &March&, &April&, &May&, &June&, &July&, &August&, &September&, &October&, &November&, &December&],
monthsShort: [&Jan&, &Feb&, &Mar&, &Apr&, &May&, &Jun&, &Jul&, &Aug&, &Sep&, &Oct&, &Nov&, &Dec&],
today: &Today&
Right-to-left languages may also include rtl: true to make the calendar display appropriately.
If your browser (or those of your users) is displaying characters wrong, chances are the browser is loading the javascript file with a non-unicode encoding. Simply add charset="UTF-8" to your script tag:
&script type=&text/javascript& src=&bootstrap-datetimepicker.de.js& charset=&UTF-8&&&/script&
绑定输入框，并设置format选项：
&input type=&text& value=& 21:05& id=&datetimepicker&&
$('#datetimepicker').datetimepicker({
format: 'yyyy-mm-dd hh:ii'
绑定输入框，并设置format标记：
&input type=&text& value=& 21:05& id=&datetimepicker& data-date-format=&yyyy-mm-dd hh:ii&&
$('#datetimepicker').datetimepicker();
作为组件使用：
&div class=&input-append date& id=&datetimepicker& data-date=&12-02-2012& data-date-format=&dd-mm-yyyy&&
&input size=&16& type=&text& value=&12-02-2012& readonly&
&span class=&add-on&&&i class=&icon-th&&&/i&&/span&
$('#datetimepicker').datetimepicker();
作为内联日期时间选择器：
&div id=&datetimepicker&&&/div&
$('#datetimepicker').datetimepicker();}