[jQuery] Datepicker (en français)

HTML

<link rel="stylesheet" href="http://jqueryui.com/themes/base/jquery.ui.all.css">
<script src="http://jquery-ui.googlecode.com/svn/trunk/ui/i18n/jquery.ui.datepicker-fr.js"></script>
<div id="form">
    <h1>DatePicker</h1>
    <p>Date de début :<br /><input type="text" id="debut"></p>
    <p>Date de fin : <br /><input type="text" id="fin"></p>
    <button type="button">Valider</button>
</div>
<p><small>Ce datepicker est traduit en français <br />grâce au fichier Js de traduction situé sur Googlecode : <br /><a href="http://jquery-ui.googlecode.com/svn/trunk/ui/i18n/jquery.ui.datepicker-fr.js">&lt;http://jquery-ui.googlecode.com/svn/trunk/ui/i18n/jquery.ui.datepicker-fr.js&gt;</a></small></p>

CSS

* { font-family: helvetica, arial, sans-serif; }
#form {
    margin: 30px auto 50px auto;
    width: 250px;
}
h1 {
    font-size: 16px;
    font-weight: bold;
    padding: 0 0 10px 0;
}

JavaScript

$('#fin').datepicker();
$('button').click(function(){
    var valDeb = $('#debut').val();
    var valFin = $('#fin').val();
    $('#form').append('<p style="color:green">Début : '+ valDeb +' <br />Fin : '+ valFin +'</p>');
});