javascript — Date Time Picker — Странное поведение между Chrome и Firefox

Вчера я добавил средство выбора даты и времени в свою регистрационную форму и тестировал его в Firefox, потому что я могу легко использовать Firebug с ним, и он работал нормально. Сегодня, когда я попытался сделать это в Chrome (мой обычный браузер), я обнаружил, что в моей базе данных не создано ни одной учетной записи (хотя она все еще работает в Firefox). Я полагаю, что это что-то из-за того, как значение извлекается из Date Time Picker. В FireFox форматирование, позволяющее вводить только в 00/00/2016, похоже, не работает, и поэтому это просто строковое поле, однако в Chrome форматирование работает нормально. Я предполагаю, что мой Javascript извлекает значение отлично, так как в Firefox это стандартное поле ввода, но в Chrome, поскольку это поле выбора даты и времени, я использую неправильный код для получения значения.

У меня вопрос, как я могу заставить его работать в обоих браузерах одновременно? Или еще лучше, как я могу исправить Выбор даты и времени в Firefox? Заранее спасибо.

http://thomas-smyth.co.uk/register.php

                <div class="form-group">
<label>Date of Birth</label>
<input class="form-control" type="date" id="dteDoB"/>
</div>

JS

function Register(){
var Forename = $("#txtForename" ).val();
var Surname = $("#txtSurname" ).val();
var Password = $("#txtPassword").val();
var PasswordR = $("#txtPasswordR").val();
var DoB = $("#dteDoB").val();
var Gender = $("#sltGender option:selected").val();
var Response = grecaptcha.getResponse();
$.post('functions/php/fncregister.php', {Forename: Forename, Surname: Surname, Password: Password, PasswordR: PasswordR, DoB: DoB, Gender: Gender, Response: Response}, function(data) {
var returnValue = JSON.parse(data);
if (returnValue['data'] == 0){
$('#mdlInfo').html('<p>Your account has been created under the username: <strong><span id="spnUsername">'+returnValue['username']+'</span></strong>. You <strong>must</strong> remember this as you will require it to log into your account.</p><p>Your account has also been added to a moderation que. <strong>You must wait until a member of staff activates your account!</strong></p>');
$("#mdlRegister").modal("show");
}
else if (returnValue['data'] == 1){
$('#divError').html('<p class="text-center text-danger bg-danger" id="pUPInc">Passwords did not match!</p>');
}
else if (returnValue['data'] == 3){
$('#divError').html('<p class="text-center text-danger bg-danger" id="pUPInc">An error occured when adding your details to the Database!</p>');
}
else if (returnValue['data'] == 4){
$('#divError').html('<p class="text-center text-danger bg-danger" id="pUPInc">I don\'t like Robots! Make sure you complete the reCaptcha test.</p>');
}
});
}

1

Решение

Я попытаюсь ответить на это, используя плагин выбора времени и даты, который хорошо работает с помощью начальной загрузки. Ссылка на плагин Вот.

Обратите внимание, что вам нужно позвонить moment.js прежде чем позвонить
скрипт datetimepicker.js

$(function () {
$('#dteDoB').datetimepicker({
format: 'DD/MM/YYYY'
});
});
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.43/css/bootstrap-datetimepicker.min.css" rel="stylesheet"/>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="http://momentjs.com/downloads/moment.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.43/js/bootstrap-datetimepicker.min.js"></script>

<div class="container">
<br>
<div class='col-xs-5'>
<div class="form-group">
<div class='input-group date' id='dteDoB'>
<input type='text' class="form-control" />
<span class="input-group-addon">
<span class="glyphicon glyphicon-calendar"></span>
</span>
</div>
</div>
</div>
</div>
1

Другие решения

Других решений пока нет …

По вопросам рекламы ammmcru@yandex.ru
Adblock
detector