zoukankan      html  css  js  c++  java
  • jquery datepicker日期控件用法

    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebApplication1.Default" %>

    <!DOCTYPE html>

    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <script src="/Script/jquery-1.10.2.js"></script>
    <link rel="stylesheet" href="/css/ui-lightness/jquery-ui-1.10.4.custom.css">
    <script src="/Script/jquery-ui-1.10.4.custom.js"></script>
    <script>
    $(function () {
    $("#datepicker").datepicker();
    $("#datepicker").datepicker("option", "dateFormat", "yy-mm-dd");
    $("#ui-datepicker-div").css('font-size', '12px');


    $("#btnAdd").click(function () {
    var date = $("#datepicker").val();
    var datetime = GetDatetime(date);
    $.ajax({
    type: "POST",
    url: "/ajax/profile.ashx",
    data: "ajaxMethod=tmptest&datetime=" + datetime,
    success: function (msg) {
    alert(datetime);
    }
    });
    });
    });

    /*由日期获取随机时间*/
    function GetDatetime(date) {
    var h = parseInt(Math.random() * (23 - 6 + 1) + 6);//x上限,y下限
    var m = parseInt(Math.random() * (59 - 1 + 1) + 1);
    var s = parseInt(Math.random() * (59 - 1 + 1) + 1);
    var datetime = date + " " + h + ":" + m + ":" + s;
    return datetime;
    }
    </script>
    </head>
    <body>

    <p>Date: <input type="text" id="datepicker"/></p>

    <input type="button" id="btnAdd" value="测试"/>
    </body>
    </html>

  • 相关阅读:
    MySQL分库分表环境下全局ID生成方案
    机器码和字节码
    Java程序编译和运行的过程
    hive大数据倾斜总结
    图解MapReduceMapReduce整体流程图
    Java中的5种同步辅助类
    Tomcat 的三种(bio,nio.apr) 高级 Connector 运行模式
    RocketMQ与Kafka对比(18项差异)评价版
    ENode 2.0
    SecureCrt的操持连接办法
  • 原文地址:https://www.cnblogs.com/niaowo/p/3804152.html
Copyright © 2011-2022 走看看