jQuery UI: Date Picker

Date Picker

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/themes/mint-choc/jquery-ui.css">
<p>Date: <input id="datepicker" type="text"></p>
<br/>
<input type="button" id="test" value="Change button text"/>

CSS

/*
    Add custom styling or use existing jQuery UI themes

    REFERENCE: jQuery UI themes, http://blog.jqueryui.com/
*/

JavaScript

$(document).ready(function(){
    $( "#datepicker" ).datepicker({
          showOn: "button",       
          buttonText: "Calendar"
        });
    $("#test").click(function(){
        $("#datepicker").datepicker("option", { buttonText: "test" });
    });  
});