runSchool/add_order.html at master · haliry/runSchool · 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
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>校园跑腿</title>
    <meta name="description" content="校园跑腿"/>
    <meta name="keywords" content="校园跑腿"/>
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <link rel="stylesheet" href="css/amazeui.min.css"/>
    <link rel="stylesheet" href="css/style.css"/>
    <link rel="stylesheet" href="css/timedropper.min.css"/>
    <link rel="stylesheet" href="css/datedropper.css"/>

    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/amazeui.min.js"></script>
    <script type="text/javascript" src="js/application.js"></script>
    <script type="text/javascript" src="js/timedropper.min.js"></script>
    <script type="text/javascript" src="js/datedropper.min.js"></script>
    <script type="text/javascript" src="js/TimeObjectUtil.js"></script>


</head>
<script type="text/javascript">

    $(function () {
        $("#picktime").hide();
        $(".radio").children('.yuan').on('click', function () {
            $('.rdactive').removeClass('rdactive');
            $(this).addClass("rdactive").siblings().removeClass("rdactive");
            var gender = $(this).next().text();


        });
        setInterval(function () {
            var date = $("#pickdate").val();
            if (date !== "不限") {
                $("#picktime").show();
            }
        }, 1000);
        $("#pickdate").dateDropper({
            animate: true,
            format: 'Y-m-d',
            maxYear: '2020'
        });
        $("#picktime").timeDropper({
            meridians: true,
            format: 'HH:mm'
        });
        //获得文本框对象
        var t = $("#text_box");
//初始化数量为1,并失效减
        $('#min').attr('disabled', true);
        //数量增加操作
        $("#add").click(function () {
            // 给获取的val加上绝对值，避免出现负数
            t.val(Math.abs(parseInt(t.val())) + 1);
            if (parseInt(t.val()) != 2) {
                $('#min').attr('disabled', false);
            }
            ;
        })
        //数量减少操作
        $("#min").click(function () {
            t.val(Math.abs(parseInt(t.val())) - 1);
            if (parseInt(t.val()) == 2) {
                $('#min').attr('disabled', true);
            }
            ;
        })
    });
</script>
<body>
<header data-am-widget="header" class="am-header am-header-default header">
    <div class="am-header-left am-header-nav">
        <a href="javascript:history.go(-1)" class="">
            <i class="am-header-icon am-icon-angle-left"></i>
        </a>
    </div>
    <h1 class="am-header-title"><a href="#title-link" class="" style="color: #333;">发布中心</a></h1>
    <div class="am-header-right am-header-nav">
        <a href="#right-link" class=""> </a>
    </div>
</header>
<div class="demo" style="background: white;margin-top: 2px">
    <span class="add_input1" style="color: gray">找人干什么： </span>
    <select name="colId" id="install_school" class="select" style="background: white">

    </select>
</div>
<textarea id="content" class="add_input" type="text" style="padding-left: 8px" placeholder="请描述一下您这次的目的..." cols="10"
          rows="5"></textarea>

<a href="address.html"><input class="add_input" id="address" type="text" style="height: 6%;padding-left: 8px"
                              placeholder="请选择您要送达的地址" readonly="readonly"/></a>

<div style="margin-left: 4px" class="radio"><span class="yuan rdactive"><span></span></span><span style="color: black;">不限</span>
</div>
<div class="radio"><span class="yuan"><span></span></span><span class="girl">限美女</span></div>
<div class="radio"><span class="yuan"><span></span></span><span class="boy">限帅哥</span></div>

<div style="background: white;margin-top: 33px;padding-bottom: 4px">
    <span class="add_input1" style="color: gray">感谢回馈： </span>￥
    <!--<input class="add_input1" type="number" style="padding-left: 8px;margin-left: 8px" placeholder="最低2元" value="2.0"/>-->

    <input id="min" name="" type="button" value="-"/>
    <input id="text_box" name="" type="number" value="2" style="width:30px;text-align: center" />
    <input id="add" name="" type="button" value="+"/>
</div>


<div class="demo" style="background: white;margin-top: 2px">
    <span class="add_input1" style="color: gray">期望完成时间： </span><input type="text" class="input add_input1"
                                                                       placeholder="请点击我选择日期"
                                                                       id="pickdate" value="不限"/><input type="text"
                                                                                                        class="input add_input2"
                                                                                                        id="picktime"
                                                                                                        readonly="readonly"/>
</div>
<div style="width: 100%;text-align: center;margin-top: 50px">
    <button class=" className">
        立即发布
    </button>
</div>

</body>
</html>