dateTimePicker/index.html at master · amee9451/dateTimePicker · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
<!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<html>
    <head>
        <title>Date Time Picker</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <script src="jquery-1.10.2.js"></script>
        <script language="JavaScript" src="ts_picker.js"></script>
        <style>
            .dateDisabled, .dateAllow{
                font-weight: bold;
                cursor: pointer;
            }
            .dateDisabled{
                color:gray;
            }
            .dateAllow{
                color:#000000;
            }
            .weekdays{
                background-color: #ffffff !important;
            }
            .weekEnd{
                background-color: #DBEAF5 !important;
            }
            .selectedDate{
                background-color: #4682B4 !important;
            }
            .selectedDate .dateAllow{
                color:#ffffff !important
            }
            .datepicker{
                width:230px;height:auto;
                background-color: #fff;
                border:1px solid #ccc;
                position: absolute;
            }
            .datePickerOutter{
                position: relative;
            }
        </style>
    </head>
    <body>
        <input id="datepickerInput" type="Text" name="timestamp" value="">
        <br />
        <br />
        <br />
        <input id="datepickerInput1" type="Text" name="timestamp" value="">
        <script>
            $("#datepickerInput").customDateTimePicker();
            $("#datepickerInput1").customDateTimePicker();
        </script>

    </body>
</html>