关于bootstrap插件datepicker

<input  readonly size="16" type="text"  name="time" id="time">

一、设置开始时间结束时间范围

$(‘#time‘).datepicker({

format: ‘yyyy-mm-dd‘,

weekStart: 1,

startDate:new Date(2013,10,27), //开始时间,在这时间之前都不可选

endDate:new Date(),//结束时间,在当前时间之后都不可选

autoclose: true,

todayBtn: ‘linked‘,

language: ‘zh-CN‘

});

二、只选择年月

$("#time").datetimepicker({
        language:  ‘zh-CN‘,
        format: ‘yyyy-mm‘,
        autoclose: true,
        todayBtn: true,
        startView: ‘year‘,
        minView:‘year‘,
        maxView:‘decade‘
});

时间: 2024-11-20 12:00:53

关于bootstrap插件datepicker的相关文章

Bootstrap 插件

Bootstrap 插件   1.Bootstrap 过渡效果(Transition)插件 过渡效果(Transition)插件提供了简单的过渡效果.如果您想要单独引用该插件的功能,那么除了其他的 JS 文件,您还需要引用 transition.js.或者,正如 Bootstrap 插件概览 一章中所提到,您可以引用 bootstrap.js 或压缩版的 bootstrap.min.js. Transition.js 是 transitionEnd 事件和 CSS 过渡效果模拟器的基本帮助器类.

bootstrap插件之Carousel

兼容:ie9以上 特点:滑动图片看起来永远只有两帧,过度完美:是html css js的完美配合:其中html的data属性起了关键性作用 前提:normalize.css  jquery.js html 代码: <div class="wrapper"> <div class="carousel" id="carousel-generic"> <!-- Indicators --> <ul class=

bootstrap插件之X-editable+django

一.X-editable介绍 X-editable是一款基于Jquery的表格编辑器.通过简单调用即可轻松实现字段编辑效果.与django一起使用,可以在线编辑数据,修改后台信息. 插件地址: http://vitalets.github.io/x-editable/docs.html  x-editable 用法(以bootstrap3为例): 下载x-editable,在html模板中添加 <link href="bootstrap-editable/css/bootstrap-edi

Bootstrap插件库

简介:Bootstrap 自带 12 种 jQuery 插件,大部分的插件可以在不编写任何代码的情况被触发. 引用方式: 1.可以单独引用相关插件,但是必须明白这些插件之间的依赖关系,使用要求较高 2.引用bootstrap.js 或压缩版的 bootstrap.min.js.                    attention:所有的插件依赖于 jQuery.所以必须在插件文件之前引用 jQuery.请访问 bower.json 查看 Bootstrap 当前支持的 jQuery 版本.

jquery插件datepicker

jQuery UI很强大,其中的日期选择插件Datepicker是一个配置灵活的插件,我们可以自定义其展示方式,包括日期格式.语言.限制选择日期范围.添加相关按钮以及其它导航等. <script type="text/javascript" src="DatePicker/WdatePicker.js"></script> </head> <body> <form id="form1" run

Bootstrap插件1--tooltip

在引入bootstrap.js之前我们需要引入jquery的js文件 既然是bootstrap的插件,那么自然需要引用bootstrap.js和bootstrap.css这2个核心文件了 这里了主要介绍tooltip提示信息插件的常用使用方法 <a href='javascript:;' rel='tooltip' title='我就是提示的信息' class='btn btn-primary'>点击出现提示信息</a> 调用方法: <script> $(functio

BootStrap插件使用总结

BootStrap插件使用总结 记录下Bootstrap一些常用的插件使用方法,千万要注意插件的版本! 1.Bootstrap Switch 开关控件.相比checkbox,switch就要好看的多了.在bootstrap-switch下载即可,添加css文件,按照amd规范引入.js文件即可,不再过多赘述. require.config({ waitSeconds : 0, paths : { //一些库文件 jquery : '../lib/jquery/jquery-2.1.4.min',

可考虑在你下一个项目中使用的 50 个 Bootstrap 插件

可考虑在你下一个项目中使用的 50 个 Bootstrap 插件 作者 jopen 2014-11-12 09:54:16 阅读目录 1. Bootstrap Multiselect 2. Bootstrap Dialog 3. Bootstrap Confirmation 4. Bootstrap Tag Input 5. Bootstrap File Input 6. Bootstrap WYSIWYG 7. Bootstrap Select 8. pNotify 9. Bootstrap

浅析bootstrap插件编写规范

转载.最近学习 bootstrap  转载一下留着用. bootstrap-button.js插件是一款基于jquery的为html原生的button扩展了一些简单功能的插件,用twitter bootstrap的朋友可能再熟悉不过了,只要向button标签添加一些额外的data属性,我们就能实现点击button出现loading文字以及模拟复选和单选等功能. 下面以bootstrap-button.js的源码为实例,谈一下js插件编写的一些基本规范,笔者也是刚刚接触JS插件,权且拿这一篇,希望