代码如下：

 <!DOCTYPE html>

 <html>

     <head>

         <meta charset="UTF-8">

         <title>根据条件决定My97DatePicker日期控件弹出的日期格式</title>

         <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />

     </head>

     <body>

         <div class="row">

             <div class="col-md-6 col-md-offset-3">

                 <div class="panel panel-default m-top">

                     <div class="panel-heading">上传</div>

                     <div class="panel-body">

                         <form method="" action="" class="form-horizontal">

                             <div class="form-group form-group-sm">

                                 <label for="bfjis" class="col-sm-4 control-label">是否按日：</label>

                                 <div class="col-sm-4">

                                     <select name="bfjis" id="bfjis" class="form-control">

                                         <option value="0">是</option>

                                         <option value="1">否</option>

                                     </select>

                                 </div>

                             </div>

                             <div class="form-group form-group-sm">

                                 <label for="tranDate" class="col-sm-4 control-label">交易日/月：</label>

                                 <div class="col-sm-4">

                                     <input type="text" id="tranDate" name="tranDate" class="form-control Wdate" onfocus="selDate()" />

                                 </div>

                             </div>

                             <div class="form-group form-group-sm">

                                 <label for="Excelfile" class="col-sm-4 control-label">Excel文件：</label>

                                 <div class="col-sm-4">

                                     <input type="file" name="Excelfile" id="Excelfile" value="" />

                                 </div>

                             </div>

                             <div class="col-sm-offset-4">

                                 <button type="submit" class="btn btn-primary btn-sm">

                                         <i class="glyphicon glyphicon-saved"></i> 保存

                                     </button>

                                 <button onclick="back();" class="btn btn-sm btn-danger" type="button">

                                         <i class="glyphicon glyphicon-remove-circle"></i> 取消

                                     </button>

                             </div>

                         </form>

                     </div>

                 </div>

             </div>

         </div>

         <script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>

         <script src="js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>

         <script src="My97DatePicker/WdatePicker.js"></script>

         <script>

             // 根据条件决定My97DatePicker日期控件弹出的日期格式

             var bfjis=$('#bfjis').val();

             $('#bfjis').change(function(){

                  bfjis = $('#bfjis').val();

                  // alert("1:"+bfjis)

              })

             function selDate(){

                 switch (bfjis) {

                     case "1":

                     WdatePicker({ dateFmt: 'yyyy-MM', minDate:'2016-1',maxDate:'2099-12',isShowToday: false, isShowClear: false, readOnly:true });

                     break ;

                     case "0":

                     WdatePicker({dateFmt: 'yyyyMMdd', readOnly:true});

                     break;

                 }

             }

         </script>

     </body>

 </html>

根据条件决定My97DatePicker日期控件弹出的日期格式的更多相关文章

  1. my97日期控件弹出位置显示异常

    使用my97日期选择控件的时候,如果整个页面是有滚动条的,根据触发显示日期的控件的父控件的position不同会显示不同的情况 1.position不为fixed则滑动滚动条,显示的日期层不会出现异常 ...

  2. Jquery + css 日期控件用法实例.zip

    /*==============================================================================** Filename:common.j ...

  3. FineUIPro v5.2.0已发布（jQuery升级，自定义图标，日期控件）

    FineUIPro/MVC/Core/JS v5.2.0 已经于 2018-8-20 发布,官网示例已更新,如果大家在测试中发现任何问题,请回复本帖,谢谢了. 在线示例: FineUI Pro:htt ...

  4. python selenium 处理时间日期控件（十六）

    测试过程中经常遇到时间控件,需要我们来选择日期,一般处理时间控件通过层级定位来操作或者通过调用js来实现. 1.首先我们看一下如何通过层级定位来操作时间控件. 通过示例图可以看到,日期控件是无法输入日 ...

  5. 【经验】Angularjs 中使用 layDate 日期控件

    layDate 控件地址:http://laydate.layui.com/ 前情:原来系统中使用的日期控件是UI bootstrap(地址:https://angular-ui.github.io/ ...

  6. Java+Selenium自动化对非输入框的日历或日期控件的处理

    如图:          1.问题描述: 在应用selenium实现web自动化时,经常会遇到处理日期控件点击问题,手工很简单,可以一个个点击日期控件选择需要的日期,但自动化执行过程中,完全复制手工这 ...

  7. 关于JSON日期格式显示及My97日期控件

    1.My97日期控件.显示不同的日期格式,可以调整"dateFmt“的参数来配置: 详细DEMO:http://www.my97.net/demo/index.htm <p>日期 ...

  8. Selenium 日期控件处理

    在WEB测试时,我们会碰到需要输入日期的情况,如果输入框能直接输入,那最好不过了.但是很多时候,输入框是不可输入的,必须的点击日期控件才行. 现在就来聊聊对日期控件的两种操作方法,我们以12306网站 ...

  9. jsp日期插件My97DatePicker 强大的日期控件 使用方便简单

    本文属转载(希望对编程爱好者有所帮助)详情请访问官方网站 http://www.my97.net/dp/index.asp 一. 简介 1. 简介 目前的版本是:4.7 2. 注意事项 My97Dat ...

随机推荐

  1. R(1):中文乱码解决方案

    读取csv文件出现中文乱码方案,增加编码格式参数 read.csv(trainPath,header=TRUE,stringsAsFactors=TRUE,encoding = "UTF-8 ...

  2. win7 配置微软的深度学习caffe

    win7 配置微软的深度学习caffe   官方下载: https://github.com/Microsoft/caffe 然后 直接修改caffe目录下的windows目录下的项目的props文件 ...

  3. (文章转载)织梦CMS判断不同的栏目显示不同的图片

    {dede:php} $thisid = $refObj->Fields['id']; $row = $dsql->GetOne("Select typeid From `ybs ...

  4. 2013-7-28 802.11n帧聚合

    芯片开发阶段的帧聚合迥异于商用AP,前者更偏向实现过程,后者偏向结果.也就是说用户在使用商用设备时不会管你特性是如何实现的,他们只关心效果,开启这个功能能否实实在在的提高AP的吞吐量. 网上搜索了众多 ...

  5. 修改mui accordion（折叠面板）默认展开收缩行为

    mui的折叠面板 accordion 默认展开收缩逻辑是,展开其中一个的同时收缩起同级已经展开的元素. 实际需求:展开其中一个不必收缩同级元素. 分析mui.js源代码: window.addEven ...

  6. C++进阶--const变量

    //############################################################# // const // - 编译时的限制:一个对象不能被修改 // in ...

  7. 从Qt谈到C++(一)：关键字explicit与隐式类型转换

    转载:果冻虾仁 提出疑问 当我们新建了一个Qt的widgets应用工程时.会自动生成一个框架,包含了几个文件. 其中有个mainwindow.h的头文件.就是你要操纵的UI主界面了.我们看看其中的一段 ...

  8. print 出来的信息添加到text文件里

  9. shell for的使用

    好久没写shell了,花了半个小时才写对,不常用果然不够熟悉,以后还是得每天花半个小时写写shell #!/bin/sh #set -x p="/" cd $p echo $(pw ...

  10. 《GPU高性能编程CUDA实战》附录一 高级原子操作

    ▶ 本章介绍了手动实现原子操作.重构了第五章向量点积的过程.核心是通过定义结构Lock及其运算,实现锁定,读写,解锁的过程. ● 章节代码 #include <stdio.h> #incl ...