首页 > 其他分享 >jquery ui datepicker使用

jquery ui datepicker使用

时间:2023-04-16 22:36:43浏览次数:35  
标签:jquery datepicker arys dd showButtonPanel ui 按钮 true

$("#regDate").datepicker(       
{       
   showMonthAfterYear: true, // 月在年之后显示       
   changeMonth: true,   // 允许选择月份       
   changeYear: true,   // 允许选择年份       
   dateFormat:'yy-mm-dd',  // 设置日期格式       
   closeText:'关闭',   // 只有showButtonPanel: true才会显示出来       
   duration: 'fast',       
   showAnim:'fadeIn',       
   showOn:'button',   // 在输入框旁边显示按钮触发,默认为:focus。还可以设置为both       
   buttonImage: 'images/commons/calendar.gif',   // 按钮图标       
   buttonImageOnly: true,        // 不把图标显示在按钮上,即去掉按钮       
   buttonText:'选择日期',       
   showButtonPanel: true,       
   showOtherMonths: true,       
  //appendText: '(yyyy-mm-dd)',       
});


 

 

$("#expDate").datepicker(       
{       
   showMonthAfterYear: true, // 月在年之后显示       
   changeMonth: true,   // 允许选择月份       
   changeYear: true,   // 允许选择年份       
   dateFormat:'yy-mm-dd',  // 设置日期格式       
   showClearButton: true,  // 自定义的方法(1.7.2没有清除按钮)       
  //clearText: '清除',    // 自定义的文本,在文档在有定义(js中)       
   closeText:'关闭',   // 只有showButtonPanel: true才会显示出来       
   duration: 'fast',       
   showAnim:'fadeIn',       
   showOn:'button',   // 在输入框旁边显示按钮触发,默认为:focus。还可以设置为both       
   buttonImage: 'images/commons/calendar.gif',   // 按钮图标       
   buttonImageOnly: true,        // 不把图标显示在按钮上,即去掉按钮       
   buttonText:'选择日期',       
   showButtonPanel: true,       
   showOtherMonths: true,       
  //appendText: '(yyyy-mm-dd)',       
   onSelect: function(dateText, inst)       
   {       
   var arys = new Array();       
   var arys = dateText.split('-');       
    $('#effDate').datepicker('option','maxDate',new Date(arys[0],arys[1]-1,arys[2]));       
   }       
});




 

标签:jquery,datepicker,arys,dd,showButtonPanel,ui,按钮,true
From: https://blog.51cto.com/u_16071779/6193809

相关文章

  • jquery ajax queue
    //第一个ajax请求$(document).queue("ajaxRequests",function(){//全局变量,储存第一个ajax请求数据vara_data;$.ajax({success:function(data){a_data=data......
  • 在Vue中,关于require与required
    在Vue里面,是用require还是required?始终拿捏不定,所以这里记录一下图片是require('@/xxx')props里面是required表单验证里面是required总结:只有图片是require,其它都是required......
  • kubebuilder开发kubernetes operator demo
    环境准备go环境配置wgethttps://golang.google.cn/dl/go1.19.8.linux-amd64.tar.gztarzxvfgo1.19.8.linux-amd64.tar.gzmvgo/usr/local/vim/etc/profile在最结尾添加exportHOME=/rootexportGOROOT=/usr/local/goexportGOPATH=/opt/idcus/goexportPATH=$PATH:......
  • 尝试在window系统下,实现连接appuim+ios环境搭配
    弄这个之前,基本全网都是用mac来完成ios的环境搭配,确实ios设备这个需要在MAC设备下,去跑一个WDA的包。我只是不信,最后没法,还是要在window下搞个虚拟机来装MAC。。。以下是MAC弄好之后,需要安装的环境。Mac终端命令运行:一、下载brew:(用腾讯源的)/bin/zsh-c"$(curl-fsSLhttps:......
  • Qt5.9 UI设计(三)——添加UI、类及资源文件
    前言设计一个软件,最简单的方式就是把控件直接往UI上放,然后再把功能实现了。这样可以实现基本的功能,但是界面不能缩放,如果拖动软件改变界面的大小,界面上的控件就会乱成一团,或者是界面的控件压根就不会跟着界面的大小进行改变。要使界面上的所有控件都随着界面的变化而变化,做到自......
  • Qt5.9 UI设计(四)——布局设计及自定义界面
    前言前面我们已经创建了mainwindowControlTabWidgetControlTreeWidgetmaintitlebar4个UI几面,我们需要将其他三个UI放置到mainwindow显示,同时需要它们可以自适应的界面的大小缩放。这里会使用到水平布局和垂直布局方法。(一)主界面布局设计放置一个空的widget将mainwi......
  • Qt5.9 UI设计(五)——将Tabwidget与treeWidget相互关联
    前言前面一章介绍了ControlTabWidgetControlTreeWidgetmaintitlebar三个子页面同时布局到mainwindow的方法,本章介绍如何将ControlTreeWidget与ControlTabWidget联动。(一)TabWidget子页面实现在maincontent目录下创建otaparatarnsmittelnettester五个目录,用来......
  • Qt5.9 UI设计(六)——TitleBar功能实现
    前言上一章介绍了ControlTreeWidget与ControlTabWidget联动的功能,这一章我们将实现自定义TitleBar的功能操作步骤修改按键图标最大和最小值右键按键图标,转到对应的槽函数中去对应的槽函数的实现如下:voidMainTitleBar::on_pushButtonMin_clicked(){if(pa......
  • Qt5.9 UI设计(七)——统一样式设计
    前言前面已经将UI设计部分实现,各页面也做了最简单的设计,本章介绍一下qss样式的使用。样式设计最终的显示效果如下图:操作步骤将stylesheet.qss样式文件添加进工程stylesheet.qss内容如下:/**********************MainWindowStyleSheet*******************/QMainWind......
  • Qt5.9 UI设计(一)——在win10系统上安装Qt5.9
    安装环境win10系统Qt5.9.0版本官方下载地址可以从官方网站获取:https://www.qt.io/zh-cn/现在的安装包跟以前的有些区别,加上网络比较慢,我这里演示的是Qt5.9.0版本的安装安装步骤直接双击qt-opensource-windows-x86-5.9.0.exe进行安装欢迎界面,直接点下一步登陆Qt账......