H5移动终端的生日插件...

现在,您需要在微信官方帐户的H5页面上添加出生日期。如果您直接使用计算机版本的生日插件,它将看起来很脏并且不易使用。我在Internet上找到了一些信息,编写了一个演示manbetx移动版KU酷游官网 ,并与所有人共享了该演示。具体效果截图如下:

实现代码如下:


<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
    <title>Mobiscrolltitle>
    <script src="js/jquery.min.js">script>
    <script src="js/mobiscroll.custom-2.6.2.min.js">script>
<link rel="stylesheet" type="text/css" href="css/mobiscroll.custom-2.6.2.min.css">
    head>
<body>
      <div >
        出生日期:
         <input type="text"   id="txtBirthday" name="birthday" />
 div>
<script>  
$(function () {  
var opt = {  
        theme: "android-ics light", 
        display: 'modal', //显示方式  
        lang: "zh",  
        setText: '确定', //确认按钮名称
        cancelText: "取消",  
        dateFormat: 'yyyy-mm-dd', //返回结果格式化为年月格式  
        dateOrder: 'yyyymmdd', //面板中日期排列格式
        onBeforeShow: function (inst) {
        //  console.info( inst.settings.wheels);
          }, 
        headerText: function (valueText) { //自定义弹出框头部格式  
        //  console.info(valueText);
            array = valueText.split('-');  
            return array[0] + "年" + array[1] + "月" + array[2] + "日";  
        }  
    };
  $("#txtBirthday").mobiscroll().date(opt); 
});
script>  
body>
html>

完整演示的下载地址(不含分数):

该插件使用mobiscroll,可以通过参考API来调整样式和显示内容。

顺便说一句移动版日历插件,如果您在Google浏览器上访问,则“年份”列中将有一个额外的中文字符。例如移动版日历插件天博体育注册官网 ,“ 2015”将显示“ 2015”。我没有在Firefox中看到这一“年份”。但是谷歌上有“年”。起初我以为mobiscroll不兼容。最终,我在Google的网络上发现,在加载页面时,Google会要求后台提供翻译连接。这是因为我安装了翻译插件。 。如果尚未安装翻译插件,则不会发生此问题。

Google翻译请求的屏幕截图如下:

切断计算机的外部网络,然后使用Chrome浏览器查看其是否可以正常显示。

上一篇 2011年辽宁卫视春节联欢晚会赵本山速写“瞎子约会”高清
QQ咨询
在线咨询
电话咨询