zoukankan      html  css  js  c++  java
  • jQuery UI中datepicker()的使用

    jQuery UI中datepicker()的使用,showOn()设置触发选择器的使用。

    buttonText:指定触发按钮上显示的文本,showOn属性应设置为button或both

    buttonImage:指定弹出按钮图像的URL,若设置则buttonText将成为alt值

    buttonImageOnly:是否将图像放在控件后面,作为触发器,如果设置为true那么按钮将只剩下图片作为按钮,是页面更加美观

    这里我编写三个文本框进行以上属性的对比:

    1) Js代码:

    $( "#datepicker2" ).datepicker({

    showOn: "both",

    buttonText:"日历按钮"  });     //触发按钮上显示的文字

    将按钮设置为图片:

    Js代码:

    $( "#datepicker" ).datepicker({

    showOn: "button",

    buttonImage: "images/calendar.gif",       //触发按钮引用图片的url

    buttonImageOnly: true       //将触发按钮的背景样式去掉,只保留图片样式

    });

  • 相关阅读:
    SpringMVC详解
    java设计模式
    运行时异常与一般异常区别
    oracle基本操作大全
    get post 区别
    hibernate
    Spring框架
    http和https
    JDBC详解
    (转)Entity Framework4.1实现动态多条件查询、分页和排序
  • 原文地址:https://www.cnblogs.com/asbefore/p/5050156.html
Copyright © 2011-2022 走看看