Jquery的DatePicker控件及选择文件保存路径

<html>
<head>
 
   <script>
   $(function() {
  $( "#startdate,#enddate" ).datepicker();
   });
   </script>
 
   <script>
   function browseFolder(filepath)
{
    try
    {
       var Message = "Please choose a file path:"; //选择框提示信息
       var Shell = new ActiveXObject("Shell.Application");
       var Folder = Shell.BrowseForFolder(0, Message, 64, 17);//起始目录为：我的电脑
       //var Folder = Shell.BrowseForFolder(0,Message,0); //起始目录为：桌面
       if (Folder != null) {
           Folder = Folder.items(); // 返回 FolderItems 对象
           Folder = Folder.item(); // 返回 Folderitem 对象
           Folder = Folder.Path;   // 返回路径
           if (Folder.charAt(Folder.length - 1) != "\\") {
               Folder = Folder + "\\";
           }
          document.getElementByIdx_x_x(filepath).value = Folder;
           return Folder;
       }
    }
    catch (e) {
          alert(e.message);
    }
}
</script>
</head>
 
<body>
<label>Start Date:</label>
<input type="text" id="startdate" name="startDate" />
 
<label>End Date:</label>
<input type="text" id="enddate" name="endDate" />
 
<label>choose a file path：</label>
<input type="text" id="filepath" name="filePath" readonly="readonly" style= "background:lightgray"/>
<input type="button" onclick="browseFolder('filepath')" value="browse"/><br/><br/>
</body>
 
</html>

posted on 2014-09-12 13:46  一克拉的铂金  阅读(860)  评论(0)    收藏  举报

导航