如何在日历上隐藏输入掩码

时间:2018-09-23 12:00:32

标签: jquery html css twitter-bootstrap

我有一个带有hotel-datepicker(link to hotel-datepicker)和intl-tel-input(link to github)的HTML5联系人表单的特定问题

当我单击一个日期的输入时,它显示了我的期望,但有两个非UI的内容: 1.它显示了我输入的较早日期 2.来自intl-tel-input的标志在我的日历上

form as it is after on click input date 我将深入研究CSS和其他内容,但我想问一问是否有一些CSS命令必须将整个部分放在第一位(只是为了隐藏标志电话?) 以及如何禁用该Cookie呢?

这是我的HTML:

 <div class="row">
            <div class="col-md-8 col-md-offset-2">

                <form class="form contact-form" role="form" id="form-div" method="post" action="">
                    <div class="clearfix">
                        <div class="cf-left-col">
                            <!-- Check In Date -->
                            <div class="form-group required">
                                <input id="input-id" type="text" name="checkindate" placeholder="Check-in  -  Check-Out">
                            </div>

                            <!-- Name -->
                            <div class="form-group">
                                <input type="text" name="name" id="name" class="input-md round form-control" placeholder="Name" pattern=".{3,100}">
                            </div>
                            <!-- Mobile phone -->
                            <div class="form-group">
                                <!-- <input type="tel" name="mobile" id="mobile" class="input-md round form-control" placeholder="Mobile phone" pattern=".{3,10}"> -->
                                <input name="mobile" id="mobile" class="mobile input-md round form-control" type="tel">
                            </div>
                            <!-- Email -->
                            <div class="form-group">
                                <input type="email" name="email" id="inputEmail" class="input-md round form-control" placeholder="Email" pattern=".{5,100}">
                            </div>
                            <!-- Number of adults -->
                            <div class="form-group">
                                <input type="text" name="person" id="inputGuests" class="person input-md round form-control" placeholder="Guests">
                            </div>
                            <!-- Number of children -->
                            <div class="form-group">
                                <input type="text" name="child" id="inpoutChildren" class="person input-md round form-control" placeholder="Children">
                            </div>
                        </div>
                        <div class="cf-right-col">
                            <!-- Message -->
                            <div class="form-group">
                                <textarea name="message" id="message" class="input-md round form-control" style="height: 84px;" placeholder="Message"></textarea>
                            </div>
                            <!-- Send Button -->
                            <div class="align-right pt-10">
                                <div class="form-group">
                                    <button class="submit_btn btn btn-mod btn-medium btn-round" id="submit_btn">Submit Message</button>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="clearfix">
                        <div class="cf-left-col">
                            <!-- Inform Tip -->
                            <!-- <div class="form-tip pt-20">
                <i class="fa fa-info-circle"></i> All the fields are required
            </div> -->
                        </div>
                        <div class="cf-right-col">
                        </div>
                    </div>
                    <div id="result"></div>
                </form>

            </div>
        </div>

在main.js文件中,仅初始化了tel-mask和hotel-datepicker

0 个答案:

没有答案