Creio eu que você deve saber que para o datapicker
funcionar você deve acrescentar as libs dele...
No caso, além do JQuery
estou usando a biblioteca JQuery-UI
:
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/themes/smoothness/jquery-ui.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js"></script>
Código HTML:
<input type="text" id="inicio" name="inicio">
<input type="text" id="final" name="final">
<input type="button" id="testar" name="testar" value="testar">
Código JS:
$(document).ready(function () {
$('#inicio').datepicker({ dateFormat: 'dd/mm/yy' }).val();
$('#final').datepicker({ dateFormat: 'dd/mm/yy' }).val();
});
$("#testar").click(function() {
var inicio = $('#inicio').val();
var final = $('#final').val();
if (inicio > final) {
alert('inicio é maior que final');
}else{
alert('final é maior que inicio');
}
});
Aqui no JsFiddle um exemplo do datapicker
funcionando do jeito que você necessita...
ANOCOMPLETO-MES-DIA
para esse tipo de verificação pode funcionar.Date
(e quando você compara 2 desses, está comparando um valor em milissegundos).