5.在MVC中使用泛型仓储模式和工作单元来进行增删查改
生活随笔
收集整理的這篇文章主要介紹了
5.在MVC中使用泛型仓储模式和工作单元来进行增删查改
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
? ? ? 原文鏈接：http://www.c-sharpcorner.com/UploadFile/3d39b4/crud-operations-using-the-generic-repository-pattern-and-uni/
或者：http://www.codeproject.com/Articles/814768/CRUD-Operations-Using-the-Generic-Repository-Patte
系列目錄：
?
- Relationship in Entity Framework Using Code First Approach With Fluent API【【使用EF Code-First方式和Fluent API來探討EF中的關系】】
- Code First Migrations with Entity Framework【使用EF 做數據庫遷移】
- CRUD Operations Using Entity Framework 5.0 Code First Approach in MVC【在MVC中使用EF 5.0做增刪查改】
- CRUD Operations Using the Repository Pattern in MVC【在MVC中使用倉儲模式，來做增刪查改】
- CRUD Operations Using the Generic Repository Pattern and Unit of Work in MVC【在MVC中使用泛型倉儲模式和工作單元來做增刪查改】
- CRUD Operations Using the Generic Repository Pattern and Dependency Injection in MVC【在MVC中使用泛型倉儲模式和依賴注入，來做增刪查改】
? ?
源代碼下載：https://github.com/caofangsheng93/GenericRepositoryCURD
? 這篇文章，我將會介紹在ASP.NET MVC應用程序中使用泛型倉儲模式和工作單元。我將開發一個程序，對Book實體進行增刪查改，為了保證這篇文章簡單，便于大家理解泛型倉儲模式和工作單元，在這篇文章中，我將只會使用一個Book實體。
在上篇文章中“4.CRUD Operations Using the Repository Pattern in MVC【在MVC中使用倉儲模式進行增刪查改】“講到了倉儲模式，里面我們為Book實體，創建了一個倉儲類，但是這個倉儲僅僅是只能為一個實體服務的。試想一下，如果是真正的企業級開發，我們會有很多實體，難道，我們要為每一個實體都創建一個倉儲類么？？？顯然是不現實的。對于這個問題，我們需要創建一個可以為所有實體公用的倉儲，所以這里引入泛型倉儲。這樣就避免了重復編碼。
下面的圖中，講到了兩個開發者，討論一個問題："是否需要創建一個新的零件或者是利用已經存在的零件？" ?------如果你選擇第一種，那么就是這篇文章講到的，"4.CRUD Operations Using the Repository Pattern in MVC【在MVC中使用倉儲模式進行增刪查改】"
但我在這里選擇第二種，也就是這篇文章，我將要講到的。--使用泛型倉儲模式來重用代碼，減少冗余代碼。
?
既然說到倉儲，那么什么是倉儲模式呢？
倉儲模式旨在數據訪問層和業務邏輯層之間創建一個抽象層。倉儲模式是數據訪問模式，旨在達到數據訪問的更松散的耦合性。我們在單獨的類，或者類庫中創建數據訪問的邏輯，這就是倉儲。倉儲的職責就是和業務邏輯層進行通信。
在這篇文章中，我將會為所有的實體設計一個公共的泛型倉儲，另外還有一個工作單元類。這個工作單元類，為每個實體創建倉儲的實例，然后倉儲實例用來做增刪查改操作。我在控制器中創建工作單元類的實例，然后依據具體的實體，創建倉儲的實例，然后就可以使用倉儲中的方法進行每個操作了。
下面的圖表顯示了倉儲和EF數據上下文之間的關系。在圖中，MVC控制器直接通過工作單元和倉儲進行交互，而不是直接和EF進行交互。
?
?
講到這里，大家可能就會有疑問了,為什么要使用工作單元呢？？？
工作單元就像它的名字一樣，做某件事情。在這篇文章中，工作單元主要做的是：我們創建工作單元的實例，然后工作單元為我們初始化EF數據上下文，然后每個倉儲的實例都使用同一個數據上下文實例進行數據庫操作。因此工作單元就是，用來確保所有的倉儲實例都使用同一個數據上下文實例。
?
好了理論到此為止，講的差不多了?，F在我們開始進入正題：
?
先看看項目的結構：
?
這三個項目就不用做過多介紹了吧，前面的文章已經說了很多次了...
?
EF.Entity類庫中，添加BaseEntity實體：
using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.Threading.Tasks;namespace EF.Entity {public abstract class BaseEntity{/// <summary>/// ID編號/// </summary>public int ID { get; set; }/// <summary>/// 添加時間/// </summary>public DateTime AddedDate { get; set; }/// <summary>/// 修改時間/// </summary>public DateTime ModifiedDate { get; set; }/// <summary>/// IP地址/// </summary>public string IP { get; set; }} }Book實體：
using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.Threading.Tasks;namespace EF.Entity {public class Book:BaseEntity{/// <summary>/// 書名/// </summary>public string Title { get; set; }/// <summary>/// 作者/// </summary>public string Author { get; set; }/// <summary>/// ISBN編號/// </summary>public string ISBN { get; set; }/// <summary>/// 出版時間/// </summary>public DateTime PublishedDate { get; set; }} }Entity.Data類庫中BookMap類：
using EF.Entity; using System; using System.Collections.Generic; using System.ComponentModel.DataAnnotations.Schema; using System.Data.Entity.ModelConfiguration; using System.Linq; using System.Text; using System.Threading.Tasks;namespace EF.Data {public class BookMap:EntityTypeConfiguration<Book>{public BookMap(){//配置主鍵this.HasKey(s => s.ID);//配置字段this.Property(s => s.ID).HasDatabaseGeneratedOption(DatabaseGeneratedOption.Identity);this.Property(s => s.Author).HasColumnType("nvarchar").HasMaxLength(50).IsRequired();this.Property(s => s.AddedDate).IsRequired();this.Property(s => s.IP).IsOptional();this.Property(s => s.ISBN).HasColumnType("nvarchar").HasMaxLength(50).IsRequired();this.Property(s => s.ModifiedDate).IsOptional();this.Property(s => s.PublishedDate).IsRequired();this.Property(s => s.Title).HasColumnType("nvarchar").HasMaxLength(50).IsRequired();//配置表名this.ToTable("Books");}} }EF數據上下文類：
using System; using System.Collections.Generic; using System.Data.Entity; using System.Data.Entity.ModelConfiguration; using System.Linq; using System.Reflection; using System.Text; using System.Threading.Tasks;namespace EF.Data {public class EFDbContext:DbContext{public EFDbContext(): base("name=DbConnectionString"){ }protected override void OnModelCreating(DbModelBuilder modelBuilder){var typesToRegister = Assembly.GetExecutingAssembly().GetTypes().Where(type => !String.IsNullOrEmpty(type.Namespace)).Where(type => type.BaseType != null && type.BaseType.IsGenericType&& type.BaseType.GetGenericTypeDefinition() == typeof(EntityTypeConfiguration<>));foreach (var type in typesToRegister){dynamic configurationInstance = Activator.CreateInstance(type);modelBuilder.Configurations.Add(configurationInstance);} //base.OnModelCreating(modelBuilder); }} }?
然后啟用數據庫遷移，自動生成數據庫，這里的步驟就省略了，因為前面的文章已經說了。
接著，在EF.Data項目中創建泛型倉儲類，里面提供了增刪查改的方法，這個泛型的倉儲類中，有一個帶DbContext參數的構造函數，所以當我們實例化倉儲的時候，傳遞一個數據上下文對象給倉儲，所有的實體就可以使用同一個數據上下文對象了。我們使用了數據上下文的SaveChange方法，但是你同樣可以使用工作單元類的Save方法，因為這兩者使用的是同一個數據上下文對象，下面是泛型的倉儲類代碼：【為了使文章更容易理解，這里我不創建泛型的倉儲接口】。
?
1 using EF.Entity; 2 using System; 3 using System.Collections.Generic; 4 using System.Data.Entity; 5 using System.Data.Entity.Validation; 6 using System.Linq; 7 using System.Text; 8 using System.Threading.Tasks; 9 10 namespace EF.Data 11 { 12 /// <summary> 13 /// 泛型倉儲類 14 /// </summary> 15 /// <typeparam name="T"></typeparam> 16 public class Repository<T> where T:BaseEntity 17 { 18 /// <summary> 19 /// 數據上下文變量 20 /// </summary> 21 private readonly EFDbContext db; 22 string errorMessage = string.Empty; 23 24 #region 封裝屬性 25 /// <summary> 26 /// 實體訪問字段 27 /// </summary> 28 private IDbSet<T> entities; 29 30 /// <summary> 31 /// 封裝屬性 32 /// </summary> 33 public IDbSet<T> Entities 34 { 35 get 36 { 37 if (entities == null) 38 { 39 return entities = db.Set<T>(); 40 } 41 else 42 { 43 return entities; 44 } 45 } 46 } 47 #endregion 48 49 #region 構造函數 50 public Repository(EFDbContext context) 51 { 52 this.db = context; 53 } 54 #endregion 55 56 #region 泛型方法--根據Id查找實體 57 /// <summary> 58 /// 泛型方法--根據Id查找實體 59 /// </summary> 60 /// <param name="id"></param> 61 /// <returns></returns> 62 public T GetById(int id) 63 { 64 return this.entities.Find(id); 65 } 66 #endregion 67 68 #region Insert 69 public void Insert(T entity) 70 { 71 try 72 { 73 if (entity == null) 74 { 75 throw new ArgumentNullException("entity"); 76 } 77 else 78 { 79 this.Entities.Add(entity);//把實體的狀態設置為Added 80 this.db.SaveChanges();//保存到數據庫 81 } 82 } 83 catch (DbEntityValidationException dbEx)//DbEntityValidationException 84 { 85 foreach (var validationErrors in dbEx.EntityValidationErrors) 86 { 87 foreach (var item in validationErrors.ValidationErrors) 88 { 89 errorMessage += string.Format("Property:{0} Error:{1}", item.PropertyName, item.ErrorMessage) + Environment.NewLine; 90 } 91 } 92 throw new Exception(errorMessage, dbEx); 93 } 94 } 95 #endregion 96 97 #region Update 98 public void Update(T entity) 99 { 100 try 101 { 102 if (entity == null) 103 { 104 throw new ArgumentNullException("entity"); 105 } 106 else 107 { 108 this.db.SaveChanges();//保存到數據庫 109 } 110 } 111 catch (DbEntityValidationException dbEx) 112 { 113 foreach (var validationErrors in dbEx.EntityValidationErrors) 114 { 115 foreach (var error in validationErrors.ValidationErrors) 116 { 117 errorMessage += string.Format("Property:{0} Error:{1}", error.PropertyName, error.ErrorMessage) + Environment.NewLine; 118 } 119 } 120 //拋出捕獲的異常 121 throw new Exception(errorMessage, dbEx); 122 } 123 } 124 #endregion 125 126 #region Delete 127 public void Delete(T entity) 128 { 129 try 130 { 131 if (entity == null) 132 { 133 throw new ArgumentException("entity"); 134 } 135 else 136 { 137 this.db.Entry(entity).State = EntityState.Deleted; 138 this.db.SaveChanges(); 139 } 140 } 141 catch (DbEntityValidationException dbEx) 142 { 143 foreach (var validationErrors in dbEx.EntityValidationErrors) 144 { 145 foreach (var error in validationErrors.ValidationErrors) 146 { 147 errorMessage += string.Format("Property:{0} Error:{1}", error.PropertyName, error.ErrorMessage) + Environment.NewLine; 148 } 149 } 150 151 throw new Exception(errorMessage, dbEx); 152 } 153 } 154 #endregion 155 156 #region Table 157 public virtual IQueryable<T> Table 158 { 159 get 160 { 161 return this.Entities; 162 } 163 } 164 #endregion 165 166 167 } 168 } View Code?
?
下面創建工作單元類，UnitOfWork,這個工作單元類繼承自IDisposable接口，所以它的實例將會在每個控制器中被 釋放掉。工作單元類初始化了程序的上下文，工作單元類的核心就是Repository<T>() 類型的泛型方法，這個方法為繼承自BaseEntity的每個實體返回了倉儲實例。下面是工作單元類的代碼：
using EF.Entity; using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.Threading.Tasks;namespace EF.Data {public class UnitOfWork : IDisposable{private readonly EFDbContext db;private bool disposed;private Dictionary<string, object> repositories;public UnitOfWork(EFDbContext context){this.db = context; //構造函數中初始化上下文對象 }public UnitOfWork(){db = new EFDbContext(); //構造函數中初始化上下文對象 }#region Disposepublic void Dispose(){Dispose(true);GC.SuppressFinalize(this);}public virtual void Dispose(bool disposing){if (!disposed){if (disposing){db.Dispose();}}disposed = true;}#endregion#region Savepublic void Save(){db.SaveChanges();} #endregion#region Repository<T>()public Repository<T> Repository<T>() where T : BaseEntity{if (repositories == null){repositories = new Dictionary<string, object>();}var type = typeof(T).Name;//獲取當前成員名稱if (!repositories.ContainsKey(type))//如果repositories中不包含Name {var repositoryType = typeof(Repository<>);//獲取Repository<>類型var repositoryInstance = Activator.CreateInstance(repositoryType.MakeGenericType(typeof(T)), db);repositories.Add(type, repositoryInstance);}return (Repository<T>)repositories[type];} #endregion} }?
?
?好了，底層的代碼，寫完了，現在開始寫控制器的代碼：我們創建一個Book控制器，進行增刪查改。
using EF.Data; using EF.Entity; using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.Mvc;namespace EF.Web.Controllers {public class BookController : Controller{//創建并實例化工作單元來private UnitOfWork unitOfWork = new UnitOfWork();private Repository<Book> bookRepository;public BookController(){//控制器的構造函數中，通過工作單元類的實例，來調用Repository<T>方法，實例化Book倉儲bookRepository = unitOfWork.Repository<Book>();}#region Indexpublic ActionResult Index(){IEnumerable<Book> lstBooks = bookRepository.Table.ToList();return View(lstBooks);} #endregion#region CreateEditBookpublic ActionResult CreateEditBook(int? id){Book model = new Book();if (id.HasValue) //如果ID有值 {model = bookRepository.GetById(id.Value);return View(model);}else{return View(model);}} [HttpPost]public ActionResult CreateEditBook(Book model){if (model.ID == 0)//ID為0表示是添加 {model.AddedDate = DateTime.Now;model.ModifiedDate = DateTime.Now;model.IP = Request.UserHostAddress;//獲取客戶端的主機地址 bookRepository.Insert(model);}else //ID不為0,表示是修改 {Book editModel= bookRepository.GetById(model.ID);editModel.Author = model.Author;editModel.ISBN = model.ISBN;editModel.Title = model.Title;editModel.PublishedDate = model.PublishedDate;editModel.ModifiedDate = model.ModifiedDate;editModel.IP = Request.UserHostAddress;bookRepository.Update(editModel);}if (model.ID > 0){return RedirectToAction("Index");}return View(model);}#endregion#region DeleteBookpublic ActionResult DeleteBook(int id){Book model = bookRepository.GetById(id);return View(model);}[HttpPost, ActionName("DeleteBook")]public ActionResult ConfirmDeleteBook(int id){Book model = bookRepository.GetById(id);bookRepository.Delete(model);return RedirectToAction("Index");} #endregion#region DetailBookpublic ActionResult DetailBook(int id){Book model = bookRepository.GetById(id);return View(model);} #endregion#region Disposeprotected override void Dispose(bool disposing){unitOfWork.Dispose();base.Dispose(disposing);} #endregion} } View Code?
Index 視圖代碼：
@model IEnumerable<EF.Entity.Book><div class="book-example panel panel-primary"><div class="panel-heading panel-head">Books Listing</div><div class="panel-body"><a id="createEditBookModal" href="@Url.Action("CreateEditBook")" class="btn btn-success"><span class="glyphicon glyphicon-plus"></span>Book</a><table class="table" style="margin: 4px"><tr><th>@Html.DisplayNameFor(model => model.Title)</th><th>@Html.DisplayNameFor(model => model.Author)</th><th>@Html.DisplayNameFor(model => model.ISBN)</th><th>Action</th><th></th></tr>@foreach (var item in Model){<tr><td>@Html.DisplayFor(modelItem => item.Title)</td><td>@Html.DisplayFor(modelItem => item.Author)</td><td>@Html.DisplayFor(modelItem => item.ISBN)</td><td>@Html.ActionLink("Edit", "CreateEditBook", new { id = item.ID }, new { @class = "btn btn-success" }) |@Html.ActionLink("Details", "DetailBook", new { id = item.ID }, new { @class = "btn btn-primary" }) |@Html.ActionLink("Delete", "DeleteBook", new { id = item.ID }, new { @class = "btn btn-danger" })</td></tr>}</table></div> </div>CraeteEdit視圖代碼：
@model EF.Entity.Book@{ViewBag.Title = "Create Edit Book"; } <div class="book-example panel panel-primary"><div class="panel-heading panel-head">Add / Edit Book</div><div class="panel-body">@using (Html.BeginForm()){<div class="form-horizontal"><div class="form-group">@Html.LabelFor(model => model.Title, new { @class = "col-lg-1 control-label" })<div class="col-lg-9">@Html.TextBoxFor(model => model.Title, new { @class = "form-control" })</div></div><div class="form-group">@Html.LabelFor(model => model.ISBN, new { @class = "col-lg-1 control-label" })<div class="col-lg-9">@Html.TextBoxFor(model => model.ISBN, new { @class = "form-control" })</div></div><div class="form-group">@Html.LabelFor(model => model.Author, new { @class = "col-lg-1 control-label" })<div class="col-lg-9">@Html.TextBoxFor(model => model.Author, new { @class = "form-control" })</div></div><div class="form-group">@Html.LabelFor(model => model.Published, new { @class = "col-lg-1 control-label" })<div class="col-lg-9">@Html.TextBoxFor(model => model.Published, new { @class = "form-control datepicker" })</div></div><div class="form-group"><div class="col-lg-8"></div><div class="col-lg-3">@Html.ActionLink("Back to List", "Index", null, new { @class = "btn btn-default" })<button class="btn btn-success" id="btnSubmit" type="submit">Submit</button></div></div></div>}</div> </div> @section scripts 這里的話，在布局頁中要添加這個塊：?@RenderSection("scripts", required: false) {<script src="~/Scripts/bootstrap-datepicker.js" type="text/javascript"></script><script src="~/Scripts/book-create-edit.js" type="text/javascript"></script> }DeleteBook視圖：
@model EF.Entity.Book@{ViewBag.Title = "Delete Book"; }<div class="book-example panel panel-primary"><div class="panel-heading panel-head">Delete Book</div><div class="panel-body"><h3>Are you sure you want to delete this?</h3><h1>@ViewBag.ErrorMessage</h1><div class="form-horizontal"><div class="form-group">@Html.LabelFor(model => model.Title, new { @class = "col-lg-1 control-label" })<div class="col-lg-9">@Html.DisplayFor(model => model.Title, new { @class = "form-control" })</div></div><div class="form-group">@Html.LabelFor(model => model.Author, new { @class = "col-lg-1 control-label" })<div class="col-lg-9">@Html.DisplayFor(model => model.Author, new { @class = "form-control" })</div></div><div class="form-group">@Html.LabelFor(model => model.ISBN, new { @class = "col-lg-1 control-label" })<div class="col-lg-9">@Html.DisplayFor(model => model.ISBN, new { @class = "form-control" })</div></div><div class="form-group">@Html.LabelFor(model => model.Published, new { @class = "col-lg-1 control-label" })<div class="col-lg-9">@Html.DisplayFor(model => model.Published, new { @class = "form-control" })</div></div><div class="form-group">@Html.LabelFor(model => model.AddedDate, new { @class = "col-lg-1 control-label" })<div class="col-lg-9">@Html.DisplayFor(model => model.AddedDate, new { @class = "form-control" })</div></div><div class="form-group">@Html.LabelFor(model => model.ModifiedDate, new { @class = "col-lg-1 control-label" })<div class="col-lg-9">@Html.DisplayFor(model => model.ModifiedDate, new { @class = "form-control" })</div></div><div class="form-group">@Html.LabelFor(model => model.IP, new { @class = "col-lg-1 control-label" })<div class="col-lg-9">@Html.DisplayFor(model => model.IP, new { @class = "form-control" })</div></div>@using (Html.BeginForm()){<div class="form-group"><div class="col-lg-1"></div><div class="col-lg-9"><input type="submit" value="Delete" class="btn btn-danger" />@Html.ActionLink("Back to List", "Index", null, new { @class = "btn btn-success" })</div></div>}</div></div> </div> View CodeDetail視圖：
@model EF.Entity.Book @{ViewBag.Title = "Detail Book"; } <div class="book-example panel panel-primary"><div class="panel-heading panel-head">Book Detail</div><div class="panel-body"><div class="form-horizontal"><div class="form-group">@Html.LabelFor(model => model.Title, new { @class = "col-lg-1 control-label" })<div class="col-lg-9">@Html.DisplayFor(model => model.Title, new { @class = "form-control" })</div></div><div class="form-group">@Html.LabelFor(model => model.Author, new { @class = "col-lg-1 control-label" })<div class="col-lg-9">@Html.DisplayFor(model => model.Author, new { @class = "form-control" })</div></div><div class="form-group">@Html.LabelFor(model => model.ISBN, new { @class = "col-lg-1 control-label" })<div class="col-lg-9">@Html.DisplayFor(model => model.ISBN, new { @class = "form-control" })</div></div><div class="form-group">@Html.LabelFor(model => model.Published, new { @class = "col-lg-1 control-label" })<div class="col-lg-9">@Html.DisplayFor(model => model.Published, new { @class = "form-control" })</div></div><div class="form-group">@Html.LabelFor(model => model.AddedDate, new { @class = "col-lg-1 control-label" })<div class="col-lg-9">@Html.DisplayFor(model => model.AddedDate, new { @class = "form-control" })</div></div><div class="form-group">@Html.LabelFor(model => model.ModifiedDate, new { @class = "col-lg-1 control-label" })<div class="col-lg-9">@Html.DisplayFor(model => model.ModifiedDate, new { @class = "form-control" })</div></div><div class="form-group">@Html.LabelFor(model => model.IP, new { @class = "col-lg-1 control-label" })<div class="col-lg-9">@Html.DisplayFor(model => model.IP, new { @class = "form-control" })</div></div>@using (Html.BeginForm()){<div class="form-group"><div class="col-lg-1"></div><div class="col-lg-9">@Html.ActionLink("Edit", "CreateEditBook", new { id = Model.ID }, new { @class = "btn btn-primary" })@Html.ActionLink("Back to List", "Index", null, new { @class = "btn btn-success" })</div></div>}</div></div> </div> View Code修改一下默認路由為Book控制器，Index方法，然后運行項目》》》
?后記：
用到的兩個js文件
book-create-edit.js
(function ($) {function Book() {var $this = this;function initializeAddEditBook() {$('.datepicker').datepicker({"setDate": new Date(),"autoclose": true}); }$this.init = function () { initializeAddEditBook();}}$(function () {var self = new Book();self.init();}); }(jQuery)) View Codebootstrap-datepicker.js
/* =========================================================* bootstrap-datepicker.js* Repo: https://github.com/eternicode/bootstrap-datepicker/* Demo: http://eternicode.github.io/bootstrap-datepicker/* Docs: http://bootstrap-datepicker.readthedocs.org/* Forked from http://www.eyecon.ro/bootstrap-datepicker* =========================================================* Started by Stefan Petre; improvements by Andrew Rowls + contributors** Licensed under the Apache License, Version 2.0 (the "License");* you may not use this file except in compliance with the License.* You may obtain a copy of the License at** http://www.apache.org/licenses/LICENSE-2.0** Unless required by applicable law or agreed to in writing, software* distributed under the License is distributed on an "AS IS" BASIS,* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.* See the License for the specific language governing permissions and* limitations under the License.* ========================================================= */(function($, undefined){var $window = $(window);function UTCDate(){return new Date(Date.UTC.apply(Date, arguments));}function UTCToday(){var today = new Date();return UTCDate(today.getFullYear(), today.getMonth(), today.getDate());}function alias(method){return function(){return this[method].apply(this, arguments);};}var DateArray = (function(){var extras = {get: function(i){return this.slice(i)[0];},contains: function(d){// Array.indexOf is not cross-browser;// $.inArray doesn't work with Datesvar val = d && d.valueOf();for (var i=0, l=this.length; i < l; i++)if (this[i].valueOf() === val)return i;return -1;},remove: function(i){this.splice(i,1);},replace: function(new_array){if (!new_array)return;if (!$.isArray(new_array))new_array = [new_array];this.clear();this.push.apply(this, new_array);},clear: function(){this.splice(0);},copy: function(){var a = new DateArray();a.replace(this);return a;}};return function(){var a = [];a.push.apply(a, arguments);$.extend(a, extras);return a;};})();// Picker objectvar Datepicker = function(element, options){this.dates = new DateArray();this.viewDate = UTCToday();this.focusDate = null;this._process_options(options);this.element = $(element);this.isInline = false;this.isInput = this.element.is('input');this.component = this.element.is('.date') ? this.element.find('.add-on, .input-group-addon, .btn') : false;this.hasInput = this.component && this.element.find('input').length;if (this.component && this.component.length === 0)this.component = false;this.picker = $(DPGlobal.template);this._buildEvents();this._attachEvents();if (this.isInline){this.picker.addClass('datepicker-inline').appendTo(this.element);}else {this.picker.addClass('datepicker-dropdown dropdown-menu');}if (this.o.rtl){this.picker.addClass('datepicker-rtl');}this.viewMode = this.o.startView;if (this.o.calendarWeeks)this.picker.find('tfoot th.today').attr('colspan', function(i, val){return parseInt(val) + 1;});this._allow_update = false;this.setStartDate(this._o.startDate);this.setEndDate(this._o.endDate);this.setDaysOfWeekDisabled(this.o.daysOfWeekDisabled);this.fillDow();this.fillMonths();this._allow_update = true;this.update();this.showMode();if (this.isInline){this.show();}};Datepicker.prototype = {constructor: Datepicker,_process_options: function(opts){// Store raw options for referencethis._o = $.extend({}, this._o, opts);// Processed optionsvar o = this.o = $.extend({}, this._o);// Check if "de-DE" style date is available, if not language should// fallback to 2 letter code eg "de"var lang = o.language;if (!dates[lang]){lang = lang.split('-')[0];if (!dates[lang])lang = defaults.language;}o.language = lang;switch (o.startView){case 2:case 'decade':o.startView = 2;break;case 1:case 'year':o.startView = 1;break;default:o.startView = 0;}switch (o.minViewMode){case 1:case 'months':o.minViewMode = 1;break;case 2:case 'years':o.minViewMode = 2;break;default:o.minViewMode = 0;}o.startView = Math.max(o.startView, o.minViewMode);// true, false, or Number > 0if (o.multidate !== true){o.multidate = Number(o.multidate) || false;if (o.multidate !== false)o.multidate = Math.max(0, o.multidate);elseo.multidate = 1;}o.multidateSeparator = String(o.multidateSeparator);o.weekStart %= 7;o.weekEnd = ((o.weekStart + 6) % 7);var format = DPGlobal.parseFormat(o.format);if (o.startDate !== -Infinity){if (!!o.startDate){if (o.startDate instanceof Date)o.startDate = this._local_to_utc(this._zero_time(o.startDate));elseo.startDate = DPGlobal.parseDate(o.startDate, format, o.language);}else {o.startDate = -Infinity;}}if (o.endDate !== Infinity){if (!!o.endDate){if (o.endDate instanceof Date)o.endDate = this._local_to_utc(this._zero_time(o.endDate));elseo.endDate = DPGlobal.parseDate(o.endDate, format, o.language);}else {o.endDate = Infinity;}}o.daysOfWeekDisabled = o.daysOfWeekDisabled||[];if (!$.isArray(o.daysOfWeekDisabled))o.daysOfWeekDisabled = o.daysOfWeekDisabled.split(/[,\s]*/);o.daysOfWeekDisabled = $.map(o.daysOfWeekDisabled, function(d){return parseInt(d, 10);});var plc = String(o.orientation).toLowerCase().split(/\s+/g),_plc = o.orientation.toLowerCase();plc = $.grep(plc, function(word){return (/^auto|left|right|top|bottom$/).test(word);});o.orientation = {x: 'auto', y: 'auto'};if (!_plc || _plc === 'auto'); // no actionelse if (plc.length === 1){switch (plc[0]){case 'top':case 'bottom':o.orientation.y = plc[0];break;case 'left':case 'right':o.orientation.x = plc[0];break;}}else {_plc = $.grep(plc, function(word){return (/^left|right$/).test(word);});o.orientation.x = _plc[0] || 'auto';_plc = $.grep(plc, function(word){return (/^top|bottom$/).test(word);});o.orientation.y = _plc[0] || 'auto';}},_events: [],_secondaryEvents: [],_applyEvents: function(evs){for (var i=0, el, ch, ev; i < evs.length; i++){el = evs[i][0];if (evs[i].length === 2){ch = undefined;ev = evs[i][1];}else if (evs[i].length === 3){ch = evs[i][1];ev = evs[i][2];}el.on(ev, ch);}},_unapplyEvents: function(evs){for (var i=0, el, ev, ch; i < evs.length; i++){el = evs[i][0];if (evs[i].length === 2){ch = undefined;ev = evs[i][1];}else if (evs[i].length === 3){ch = evs[i][1];ev = evs[i][2];}el.off(ev, ch);}},_buildEvents: function(){if (this.isInput){ // single inputthis._events = [[this.element, {focus: $.proxy(this.show, this),keyup: $.proxy(function(e){if ($.inArray(e.keyCode, [27,37,39,38,40,32,13,9]) === -1)this.update();}, this),keydown: $.proxy(this.keydown, this)}]];}else if (this.component && this.hasInput){ // component: input + buttonthis._events = [// For components that are not readonly, allow keyboard nav[this.element.find('input'), {focus: $.proxy(this.show, this),keyup: $.proxy(function(e){if ($.inArray(e.keyCode, [27,37,39,38,40,32,13,9]) === -1)this.update();}, this),keydown: $.proxy(this.keydown, this)}],[this.component, {click: $.proxy(this.show, this)}]];}else if (this.element.is('div')){ // inline datepickerthis.isInline = true;}else {this._events = [[this.element, {click: $.proxy(this.show, this)}]];}this._events.push(// Component: listen for blur on element descendants[this.element, '*', {blur: $.proxy(function(e){this._focused_from = e.target;}, this)}],// Input: listen for blur on element[this.element, {blur: $.proxy(function(e){this._focused_from = e.target;}, this)}]);this._secondaryEvents = [[this.picker, {click: $.proxy(this.click, this)}],[$(window), {resize: $.proxy(this.place, this)}],[$(document), {'mousedown touchstart': $.proxy(function(e){// Clicked outside the datepicker, hide itif (!(this.element.is(e.target) ||this.element.find(e.target).length ||this.picker.is(e.target) ||this.picker.find(e.target).length)){this.hide();}}, this)}]];},_attachEvents: function(){this._detachEvents();this._applyEvents(this._events);},_detachEvents: function(){this._unapplyEvents(this._events);},_attachSecondaryEvents: function(){this._detachSecondaryEvents();this._applyEvents(this._secondaryEvents);},_detachSecondaryEvents: function(){this._unapplyEvents(this._secondaryEvents);},_trigger: function(event, altdate){var date = altdate || this.dates.get(-1),local_date = this._utc_to_local(date);this.element.trigger({type: event,date: local_date,dates: $.map(this.dates, this._utc_to_local),format: $.proxy(function(ix, format){if (arguments.length === 0){ix = this.dates.length - 1;format = this.o.format;}else if (typeof ix === 'string'){format = ix;ix = this.dates.length - 1;}format = format || this.o.format;var date = this.dates.get(ix);return DPGlobal.formatDate(date, format, this.o.language);}, this)});},show: function(){if (!this.isInline)this.picker.appendTo('body');this.picker.show();this.place();this._attachSecondaryEvents();this._trigger('show');},hide: function(){if (this.isInline)return;if (!this.picker.is(':visible'))return;this.focusDate = null;this.picker.hide().detach();this._detachSecondaryEvents();this.viewMode = this.o.startView;this.showMode();if (this.o.forceParse &&(this.isInput && this.element.val() ||this.hasInput && this.element.find('input').val()))this.setValue();this._trigger('hide');},remove: function(){this.hide();this._detachEvents();this._detachSecondaryEvents();this.picker.remove();delete this.element.data().datepicker;if (!this.isInput){delete this.element.data().date;}},_utc_to_local: function(utc){return utc && new Date(utc.getTime() + (utc.getTimezoneOffset()*60000));},_local_to_utc: function(local){return local && new Date(local.getTime() - (local.getTimezoneOffset()*60000));},_zero_time: function(local){return local && new Date(local.getFullYear(), local.getMonth(), local.getDate());},_zero_utc_time: function(utc){return utc && new Date(Date.UTC(utc.getUTCFullYear(), utc.getUTCMonth(), utc.getUTCDate()));},getDates: function(){return $.map(this.dates, this._utc_to_local);},getUTCDates: function(){return $.map(this.dates, function(d){return new Date(d);});},getDate: function(){return this._utc_to_local(this.getUTCDate());},getUTCDate: function(){return new Date(this.dates.get(-1));},setDates: function(){var args = $.isArray(arguments[0]) ? arguments[0] : arguments;this.update.apply(this, args);this._trigger('changeDate');this.setValue();},setUTCDates: function(){var args = $.isArray(arguments[0]) ? arguments[0] : arguments;this.update.apply(this, $.map(args, this._utc_to_local));this._trigger('changeDate');this.setValue();},setDate: alias('setDates'),setUTCDate: alias('setUTCDates'),setValue: function(){var formatted = this.getFormattedDate();if (!this.isInput){if (this.component){this.element.find('input').val(formatted).change();}}else {this.element.val(formatted).change();}},getFormattedDate: function(format){if (format === undefined)format = this.o.format;var lang = this.o.language;return $.map(this.dates, function(d){return DPGlobal.formatDate(d, format, lang);}).join(this.o.multidateSeparator);},setStartDate: function(startDate){this._process_options({startDate: startDate});this.update();this.updateNavArrows();},setEndDate: function(endDate){this._process_options({endDate: endDate});this.update();this.updateNavArrows();},setDaysOfWeekDisabled: function(daysOfWeekDisabled){this._process_options({daysOfWeekDisabled: daysOfWeekDisabled});this.update();this.updateNavArrows();},place: function(){if (this.isInline)return;var calendarWidth = this.picker.outerWidth(),calendarHeight = this.picker.outerHeight(),visualPadding = 10,windowWidth = $window.width(),windowHeight = $window.height(),scrollTop = $window.scrollTop();var zIndex = parseInt(this.element.parents().filter(function(){return $(this).css('z-index') !== 'auto';}).first().css('z-index')) + 10;var offset = this.component ? this.component.parent().offset() : this.element.offset();var height = this.component ? this.component.outerHeight(true) : this.element.outerHeight(false);var width = this.component ? this.component.outerWidth(true) : this.element.outerWidth(false);var left = offset.left,top = offset.top;this.picker.removeClass('datepicker-orient-top datepicker-orient-bottom '+'datepicker-orient-right datepicker-orient-left');if (this.o.orientation.x !== 'auto'){this.picker.addClass('datepicker-orient-' + this.o.orientation.x);if (this.o.orientation.x === 'right')left -= calendarWidth - width;}// auto x orientation is best-placement: if it crosses a window// edge, fudge it sidewayselse {// Default to leftthis.picker.addClass('datepicker-orient-left');if (offset.left < 0)left -= offset.left - visualPadding;else if (offset.left + calendarWidth > windowWidth)left = windowWidth - calendarWidth - visualPadding;}// auto y orientation is best-situation: top or bottom, no fudging,// decision based on which shows more of the calendarvar yorient = this.o.orientation.y,top_overflow, bottom_overflow;if (yorient === 'auto'){top_overflow = -scrollTop + offset.top - calendarHeight;bottom_overflow = scrollTop + windowHeight - (offset.top + height + calendarHeight);if (Math.max(top_overflow, bottom_overflow) === bottom_overflow)yorient = 'top';elseyorient = 'bottom';}this.picker.addClass('datepicker-orient-' + yorient);if (yorient === 'top')top += height;elsetop -= calendarHeight + parseInt(this.picker.css('padding-top'));this.picker.css({top: top,left: left,zIndex: zIndex});},_allow_update: true,update: function(){if (!this._allow_update)return;var oldDates = this.dates.copy(),dates = [],fromArgs = false;if (arguments.length){$.each(arguments, $.proxy(function(i, date){if (date instanceof Date)date = this._local_to_utc(date);dates.push(date);}, this));fromArgs = true;}else {dates = this.isInput? this.element.val(): this.element.data('date') || this.element.find('input').val();if (dates && this.o.multidate)dates = dates.split(this.o.multidateSeparator);elsedates = [dates];delete this.element.data().date;}dates = $.map(dates, $.proxy(function(date){return DPGlobal.parseDate(date, this.o.format, this.o.language);}, this));dates = $.grep(dates, $.proxy(function(date){return (date < this.o.startDate ||date > this.o.endDate ||!date);}, this), true);this.dates.replace(dates);if (this.dates.length)this.viewDate = new Date(this.dates.get(-1));else if (this.viewDate < this.o.startDate)this.viewDate = new Date(this.o.startDate);else if (this.viewDate > this.o.endDate)this.viewDate = new Date(this.o.endDate);if (fromArgs){// setting date by clickingthis.setValue();}else if (dates.length){// setting date by typingif (String(oldDates) !== String(this.dates))this._trigger('changeDate');}if (!this.dates.length && oldDates.length)this._trigger('clearDate');this.fill();},fillDow: function(){var dowCnt = this.o.weekStart,html = '<tr>';if (this.o.calendarWeeks){var cell = '<th class="cw"> </th>';html += cell;this.picker.find('.datepicker-days thead tr:first-child').prepend(cell);}while (dowCnt < this.o.weekStart + 7){html += '<th class="dow">'+dates[this.o.language].daysMin[(dowCnt++)%7]+'</th>';}html += '</tr>';this.picker.find('.datepicker-days thead').append(html);},fillMonths: function(){var html = '',i = 0;while (i < 12){html += '<span class="month">'+dates[this.o.language].monthsShort[i++]+'</span>';}this.picker.find('.datepicker-months td').html(html);},setRange: function(range){if (!range || !range.length)delete this.range;elsethis.range = $.map(range, function(d){return d.valueOf();});this.fill();},getClassNames: function(date){var cls = [],year = this.viewDate.getUTCFullYear(),month = this.viewDate.getUTCMonth(),today = new Date();if (date.getUTCFullYear() < year || (date.getUTCFullYear() === year && date.getUTCMonth() < month)){cls.push('old');}else if (date.getUTCFullYear() > year || (date.getUTCFullYear() === year && date.getUTCMonth() > month)){cls.push('new');}if (this.focusDate && date.valueOf() === this.focusDate.valueOf())cls.push('focused');// Compare internal UTC date with local today, not UTC todayif (this.o.todayHighlight &&date.getUTCFullYear() === today.getFullYear() &&date.getUTCMonth() === today.getMonth() &&date.getUTCDate() === today.getDate()){cls.push('today');}if (this.dates.contains(date) !== -1)cls.push('active');if (date.valueOf() < this.o.startDate || date.valueOf() > this.o.endDate ||$.inArray(date.getUTCDay(), this.o.daysOfWeekDisabled) !== -1){cls.push('disabled');}if (this.range){if (date > this.range[0] && date < this.range[this.range.length-1]){cls.push('range');}if ($.inArray(date.valueOf(), this.range) !== -1){cls.push('selected');}}return cls;},fill: function(){var d = new Date(this.viewDate),year = d.getUTCFullYear(),month = d.getUTCMonth(),startYear = this.o.startDate !== -Infinity ? this.o.startDate.getUTCFullYear() : -Infinity,startMonth = this.o.startDate !== -Infinity ? this.o.startDate.getUTCMonth() : -Infinity,endYear = this.o.endDate !== Infinity ? this.o.endDate.getUTCFullYear() : Infinity,endMonth = this.o.endDate !== Infinity ? this.o.endDate.getUTCMonth() : Infinity,todaytxt = dates[this.o.language].today || dates['en'].today || '',cleartxt = dates[this.o.language].clear || dates['en'].clear || '',tooltip;this.picker.find('.datepicker-days thead th.datepicker-switch').text(dates[this.o.language].months[month]+' '+year);this.picker.find('tfoot th.today').text(todaytxt).toggle(this.o.todayBtn !== false);this.picker.find('tfoot th.clear').text(cleartxt).toggle(this.o.clearBtn !== false);this.updateNavArrows();this.fillMonths();var prevMonth = UTCDate(year, month-1, 28),day = DPGlobal.getDaysInMonth(prevMonth.getUTCFullYear(), prevMonth.getUTCMonth());prevMonth.setUTCDate(day);prevMonth.setUTCDate(day - (prevMonth.getUTCDay() - this.o.weekStart + 7)%7);var nextMonth = new Date(prevMonth);nextMonth.setUTCDate(nextMonth.getUTCDate() + 42);nextMonth = nextMonth.valueOf();var html = [];var clsName;while (prevMonth.valueOf() < nextMonth){if (prevMonth.getUTCDay() === this.o.weekStart){html.push('<tr>');if (this.o.calendarWeeks){// ISO 8601: First week contains first thursday.// ISO also states week starts on Monday, but we can be more abstract here.var// Start of current week: based on weekstart/current datews = new Date(+prevMonth + (this.o.weekStart - prevMonth.getUTCDay() - 7) % 7 * 864e5),// Thursday of this weekth = new Date(Number(ws) + (7 + 4 - ws.getUTCDay()) % 7 * 864e5),// First Thursday of year, year from thursdayyth = new Date(Number(yth = UTCDate(th.getUTCFullYear(), 0, 1)) + (7 + 4 - yth.getUTCDay())%7*864e5),// Calendar week: ms between thursdays, div ms per day, div 7 dayscalWeek = (th - yth) / 864e5 / 7 + 1;html.push('<td class="cw">'+ calWeek +'</td>');}}clsName = this.getClassNames(prevMonth);clsName.push('day');if (this.o.beforeShowDay !== $.noop){var before = this.o.beforeShowDay(this._utc_to_local(prevMonth));if (before === undefined)before = {};else if (typeof(before) === 'boolean')before = {enabled: before};else if (typeof(before) === 'string')before = {classes: before};if (before.enabled === false)clsName.push('disabled');if (before.classes)clsName = clsName.concat(before.classes.split(/\s+/));if (before.tooltip)tooltip = before.tooltip;}clsName = $.unique(clsName);html.push('<td class="'+clsName.join(' ')+'"' + (tooltip ? ' title="'+tooltip+'"' : '') + '>'+prevMonth.getUTCDate() + '</td>');if (prevMonth.getUTCDay() === this.o.weekEnd){html.push('</tr>');}prevMonth.setUTCDate(prevMonth.getUTCDate()+1);}this.picker.find('.datepicker-days tbody').empty().append(html.join(''));var months = this.picker.find('.datepicker-months').find('th:eq(1)').text(year).end().find('span').removeClass('active');$.each(this.dates, function(i, d){if (d.getUTCFullYear() === year)months.eq(d.getUTCMonth()).addClass('active');});if (year < startYear || year > endYear){months.addClass('disabled');}if (year === startYear){months.slice(0, startMonth).addClass('disabled');}if (year === endYear){months.slice(endMonth+1).addClass('disabled');}html = '';year = parseInt(year/10, 10) * 10;var yearCont = this.picker.find('.datepicker-years').find('th:eq(1)').text(year + '-' + (year + 9)).end().find('td');year -= 1;var years = $.map(this.dates, function(d){return d.getUTCFullYear();}),classes;for (var i = -1; i < 11; i++){classes = ['year'];if (i === -1)classes.push('old');else if (i === 10)classes.push('new');if ($.inArray(year, years) !== -1)classes.push('active');if (year < startYear || year > endYear)classes.push('disabled');html += '<span class="' + classes.join(' ') + '">'+year+'</span>';year += 1;}yearCont.html(html);},updateNavArrows: function(){if (!this._allow_update)return;var d = new Date(this.viewDate),year = d.getUTCFullYear(),month = d.getUTCMonth();switch (this.viewMode){case 0:if (this.o.startDate !== -Infinity && year <= this.o.startDate.getUTCFullYear() && month <= this.o.startDate.getUTCMonth()){this.picker.find('.prev').css({visibility: 'hidden'});}else {this.picker.find('.prev').css({visibility: 'visible'});}if (this.o.endDate !== Infinity && year >= this.o.endDate.getUTCFullYear() && month >= this.o.endDate.getUTCMonth()){this.picker.find('.next').css({visibility: 'hidden'});}else {this.picker.find('.next').css({visibility: 'visible'});}break;case 1:case 2:if (this.o.startDate !== -Infinity && year <= this.o.startDate.getUTCFullYear()){this.picker.find('.prev').css({visibility: 'hidden'});}else {this.picker.find('.prev').css({visibility: 'visible'});}if (this.o.endDate !== Infinity && year >= this.o.endDate.getUTCFullYear()){this.picker.find('.next').css({visibility: 'hidden'});}else {this.picker.find('.next').css({visibility: 'visible'});}break;}},click: function(e){e.preventDefault();var target = $(e.target).closest('span, td, th'),year, month, day;if (target.length === 1){switch (target[0].nodeName.toLowerCase()){case 'th':switch (target[0].className){case 'datepicker-switch':this.showMode(1);break;case 'prev':case 'next':var dir = DPGlobal.modes[this.viewMode].navStep * (target[0].className === 'prev' ? -1 : 1);switch (this.viewMode){case 0:this.viewDate = this.moveMonth(this.viewDate, dir);this._trigger('changeMonth', this.viewDate);break;case 1:case 2:this.viewDate = this.moveYear(this.viewDate, dir);if (this.viewMode === 1)this._trigger('changeYear', this.viewDate);break;}this.fill();break;case 'today':var date = new Date();date = UTCDate(date.getFullYear(), date.getMonth(), date.getDate(), 0, 0, 0);this.showMode(-2);var which = this.o.todayBtn === 'linked' ? null : 'view';this._setDate(date, which);break;case 'clear':var element;if (this.isInput)element = this.element;else if (this.component)element = this.element.find('input');if (element)element.val("").change();this.update();this._trigger('changeDate');if (this.o.autoclose)this.hide();break;}break;case 'span':if (!target.is('.disabled')){this.viewDate.setUTCDate(1);if (target.is('.month')){day = 1;month = target.parent().find('span').index(target);year = this.viewDate.getUTCFullYear();this.viewDate.setUTCMonth(month);this._trigger('changeMonth', this.viewDate);if (this.o.minViewMode === 1){this._setDate(UTCDate(year, month, day));}}else {day = 1;month = 0;year = parseInt(target.text(), 10)||0;this.viewDate.setUTCFullYear(year);this._trigger('changeYear', this.viewDate);if (this.o.minViewMode === 2){this._setDate(UTCDate(year, month, day));}}this.showMode(-1);this.fill();}break;case 'td':if (target.is('.day') && !target.is('.disabled')){day = parseInt(target.text(), 10)||1;year = this.viewDate.getUTCFullYear();month = this.viewDate.getUTCMonth();if (target.is('.old')){if (month === 0){month = 11;year -= 1;}else {month -= 1;}}else if (target.is('.new')){if (month === 11){month = 0;year += 1;}else {month += 1;}}this._setDate(UTCDate(year, month, day));}break;}}if (this.picker.is(':visible') && this._focused_from){$(this._focused_from).focus();}delete this._focused_from;},_toggle_multidate: function(date){var ix = this.dates.contains(date);if (!date){this.dates.clear();}else if (ix !== -1){this.dates.remove(ix);}else {this.dates.push(date);}if (typeof this.o.multidate === 'number')while (this.dates.length > this.o.multidate)this.dates.remove(0);},_setDate: function(date, which){if (!which || which === 'date')this._toggle_multidate(date && new Date(date));if (!which || which === 'view')this.viewDate = date && new Date(date);this.fill();this.setValue();this._trigger('changeDate');var element;if (this.isInput){element = this.element;}else if (this.component){element = this.element.find('input');}if (element){element.change();}if (this.o.autoclose && (!which || which === 'date')){this.hide();}},moveMonth: function(date, dir){if (!date)return undefined;if (!dir)return date;var new_date = new Date(date.valueOf()),day = new_date.getUTCDate(),month = new_date.getUTCMonth(),mag = Math.abs(dir),new_month, test;dir = dir > 0 ? 1 : -1;if (mag === 1){test = dir === -1// If going back one month, make sure month is not current month// (eg, Mar 31 -> Feb 31 == Feb 28, not Mar 02)? function(){return new_date.getUTCMonth() === month;}// If going forward one month, make sure month is as expected// (eg, Jan 31 -> Feb 31 == Feb 28, not Mar 02) : function(){return new_date.getUTCMonth() !== new_month;};new_month = month + dir;new_date.setUTCMonth(new_month);// Dec -> Jan (12) or Jan -> Dec (-1) -- limit expected date to 0-11if (new_month < 0 || new_month > 11)new_month = (new_month + 12) % 12;}else {// For magnitudes >1, move one month at a time...for (var i=0; i < mag; i++)// ...which might decrease the day (eg, Jan 31 to Feb 28, etc)...new_date = this.moveMonth(new_date, dir);// ...then reset the day, keeping it in the new monthnew_month = new_date.getUTCMonth();new_date.setUTCDate(day);test = function(){return new_month !== new_date.getUTCMonth();};}// Common date-resetting loop -- if date is beyond end of month, make it// end of monthwhile (test()){new_date.setUTCDate(--day);new_date.setUTCMonth(new_month);}return new_date;},moveYear: function(date, dir){return this.moveMonth(date, dir*12);},dateWithinRange: function(date){return date >= this.o.startDate && date <= this.o.endDate;},keydown: function(e){if (this.picker.is(':not(:visible)')){if (e.keyCode === 27) // allow escape to hide and re-show pickerthis.show();return;}var dateChanged = false,dir, newDate, newViewDate,focusDate = this.focusDate || this.viewDate;switch (e.keyCode){case 27: // escapeif (this.focusDate){this.focusDate = null;this.viewDate = this.dates.get(-1) || this.viewDate;this.fill();}elsethis.hide();e.preventDefault();break;case 37: // leftcase 39: // rightif (!this.o.keyboardNavigation)break;dir = e.keyCode === 37 ? -1 : 1;if (e.ctrlKey){newDate = this.moveYear(this.dates.get(-1) || UTCToday(), dir);newViewDate = this.moveYear(focusDate, dir);this._trigger('changeYear', this.viewDate);}else if (e.shiftKey){newDate = this.moveMonth(this.dates.get(-1) || UTCToday(), dir);newViewDate = this.moveMonth(focusDate, dir);this._trigger('changeMonth', this.viewDate);}else {newDate = new Date(this.dates.get(-1) || UTCToday());newDate.setUTCDate(newDate.getUTCDate() + dir);newViewDate = new Date(focusDate);newViewDate.setUTCDate(focusDate.getUTCDate() + dir);}if (this.dateWithinRange(newDate)){this.focusDate = this.viewDate = newViewDate;this.setValue();this.fill();e.preventDefault();}break;case 38: // upcase 40: // downif (!this.o.keyboardNavigation)break;dir = e.keyCode === 38 ? -1 : 1;if (e.ctrlKey){newDate = this.moveYear(this.dates.get(-1) || UTCToday(), dir);newViewDate = this.moveYear(focusDate, dir);this._trigger('changeYear', this.viewDate);}else if (e.shiftKey){newDate = this.moveMonth(this.dates.get(-1) || UTCToday(), dir);newViewDate = this.moveMonth(focusDate, dir);this._trigger('changeMonth', this.viewDate);}else {newDate = new Date(this.dates.get(-1) || UTCToday());newDate.setUTCDate(newDate.getUTCDate() + dir * 7);newViewDate = new Date(focusDate);newViewDate.setUTCDate(focusDate.getUTCDate() + dir * 7);}if (this.dateWithinRange(newDate)){this.focusDate = this.viewDate = newViewDate;this.setValue();this.fill();e.preventDefault();}break;case 32: // spacebar// Spacebar is used in manually typing dates in some formats.// As such, its behavior should not be hijacked.break;case 13: // enterfocusDate = this.focusDate || this.dates.get(-1) || this.viewDate;this._toggle_multidate(focusDate);dateChanged = true;this.focusDate = null;this.viewDate = this.dates.get(-1) || this.viewDate;this.setValue();this.fill();if (this.picker.is(':visible')){e.preventDefault();if (this.o.autoclose)this.hide();}break;case 9: // tabthis.focusDate = null;this.viewDate = this.dates.get(-1) || this.viewDate;this.fill();this.hide();break;}if (dateChanged){if (this.dates.length)this._trigger('changeDate');elsethis._trigger('clearDate');var element;if (this.isInput){element = this.element;}else if (this.component){element = this.element.find('input');}if (element){element.change();}}},showMode: function(dir){if (dir){this.viewMode = Math.max(this.o.minViewMode, Math.min(2, this.viewMode + dir));}this.picker.find('>div').hide().filter('.datepicker-'+DPGlobal.modes[this.viewMode].clsName).css('display', 'block');this.updateNavArrows();}};var DateRangePicker = function(element, options){this.element = $(element);this.inputs = $.map(options.inputs, function(i){return i.jquery ? i[0] : i;});delete options.inputs;$(this.inputs).datepicker(options).bind('changeDate', $.proxy(this.dateUpdated, this));this.pickers = $.map(this.inputs, function(i){return $(i).data('datepicker');});this.updateDates();};DateRangePicker.prototype = {updateDates: function(){this.dates = $.map(this.pickers, function(i){return i.getUTCDate();});this.updateRanges();},updateRanges: function(){var range = $.map(this.dates, function(d){return d.valueOf();});$.each(this.pickers, function(i, p){p.setRange(range);});},dateUpdated: function(e){// `this.updating` is a workaround for preventing infinite recursion// between `changeDate` triggering and `setUTCDate` calling. Until// there is a better mechanism.if (this.updating)return;this.updating = true;var dp = $(e.target).data('datepicker'),new_date = dp.getUTCDate(),i = $.inArray(e.target, this.inputs),l = this.inputs.length;if (i === -1)return;$.each(this.pickers, function(i, p){if (!p.getUTCDate())p.setUTCDate(new_date);});if (new_date < this.dates[i]){// Date being moved earlier/leftwhile (i >= 0 && new_date < this.dates[i]){this.pickers[i--].setUTCDate(new_date);}}else if (new_date > this.dates[i]){// Date being moved later/rightwhile (i < l && new_date > this.dates[i]){this.pickers[i++].setUTCDate(new_date);}}this.updateDates();delete this.updating;},remove: function(){$.map(this.pickers, function(p){ p.remove(); });delete this.element.data().datepicker;}};function opts_from_el(el, prefix){// Derive options from element data-attrsvar data = $(el).data(),out = {}, inkey,replace = new RegExp('^' + prefix.toLowerCase() + '([A-Z])');prefix = new RegExp('^' + prefix.toLowerCase());function re_lower(_,a){return a.toLowerCase();}for (var key in data)if (prefix.test(key)){inkey = key.replace(replace, re_lower);out[inkey] = data[key];}return out;}function opts_from_locale(lang){// Derive options from locale pluginsvar out = {};// Check if "de-DE" style date is available, if not language should// fallback to 2 letter code eg "de"if (!dates[lang]){lang = lang.split('-')[0];if (!dates[lang])return;}var d = dates[lang];$.each(locale_opts, function(i,k){if (k in d)out[k] = d[k];});return out;}var old = $.fn.datepicker;$.fn.datepicker = function(option){var args = Array.apply(null, arguments);args.shift();var internal_return;this.each(function(){var $this = $(this),data = $this.data('datepicker'),options = typeof option === 'object' && option;if (!data){var elopts = opts_from_el(this, 'date'),// Preliminary otionsxopts = $.extend({}, defaults, elopts, options),locopts = opts_from_locale(xopts.language),// Options priority: js args, data-attrs, locales, defaultsopts = $.extend({}, defaults, locopts, elopts, options);if ($this.is('.input-daterange') || opts.inputs){var ropts = {inputs: opts.inputs || $this.find('input').toArray()};$this.data('datepicker', (data = new DateRangePicker(this, $.extend(opts, ropts))));}else {$this.data('datepicker', (data = new Datepicker(this, opts)));}}if (typeof option === 'string' && typeof data[option] === 'function'){internal_return = data[option].apply(data, args);if (internal_return !== undefined)return false;}});if (internal_return !== undefined)return internal_return;elsereturn this;};var defaults = $.fn.datepicker.defaults = {autoclose: false,beforeShowDay: $.noop,calendarWeeks: false,clearBtn: false,daysOfWeekDisabled: [],endDate: Infinity,forceParse: true,format: 'mm/dd/yyyy',keyboardNavigation: true,language: 'en',minViewMode: 0,multidate: false,multidateSeparator: ',',orientation: "auto",rtl: false,startDate: -Infinity,startView: 0,todayBtn: false,todayHighlight: false,weekStart: 0};var locale_opts = $.fn.datepicker.locale_opts = ['format','rtl','weekStart'];$.fn.datepicker.Constructor = Datepicker;var dates = $.fn.datepicker.dates = {en: {days: ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday"],daysShort: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"],daysMin: ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa", "Su"],months: ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"],monthsShort: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],today: "Today",clear: "Clear"}};var DPGlobal = {modes: [{clsName: 'days',navFnc: 'Month',navStep: 1},{clsName: 'months',navFnc: 'FullYear',navStep: 1},{clsName: 'years',navFnc: 'FullYear',navStep: 10}],isLeapYear: function(year){return (((year % 4 === 0) && (year % 100 !== 0)) || (year % 400 === 0));},getDaysInMonth: function(year, month){return [31, (DPGlobal.isLeapYear(year) ? 29 : 28), 31, 30, 31, 30, 31, 31, 30, 31, 30, 31][month];},validParts: /dd?|DD?|mm?|MM?|yy(?:yy)?/g,nonpunctuation: /[^ -\/:-@\[\u3400-\u9fff-`{-~\t\n\r]+/g,parseFormat: function(format){// IE treats \0 as a string end in inputs (truncating the value),// so it's a bad format delimiter, anywayvar separators = format.replace(this.validParts, '\0').split('\0'),parts = format.match(this.validParts);if (!separators || !separators.length || !parts || parts.length === 0){throw new Error("Invalid date format.");}return {separators: separators, parts: parts};},parseDate: function(date, format, language){if (!date)return undefined;if (date instanceof Date)return date;if (typeof format === 'string')format = DPGlobal.parseFormat(format);var part_re = /([\-+]\d+)([dmwy])/,parts = date.match(/([\-+]\d+)([dmwy])/g),part, dir, i;if (/^[\-+]\d+[dmwy]([\s,]+[\-+]\d+[dmwy])*$/.test(date)){date = new Date();for (i=0; i < parts.length; i++){part = part_re.exec(parts[i]);dir = parseInt(part[1]);switch (part[2]){case 'd':date.setUTCDate(date.getUTCDate() + dir);break;case 'm':date = Datepicker.prototype.moveMonth.call(Datepicker.prototype, date, dir);break;case 'w':date.setUTCDate(date.getUTCDate() + dir * 7);break;case 'y':date = Datepicker.prototype.moveYear.call(Datepicker.prototype, date, dir);break;}}return UTCDate(date.getUTCFullYear(), date.getUTCMonth(), date.getUTCDate(), 0, 0, 0);}parts = date && date.match(this.nonpunctuation) || [];date = new Date();var parsed = {},setters_order = ['yyyy', 'yy', 'M', 'MM', 'm', 'mm', 'd', 'dd'],setters_map = {yyyy: function(d,v){return d.setUTCFullYear(v);},yy: function(d,v){return d.setUTCFullYear(2000+v);},m: function(d,v){if (isNaN(d))return d;v -= 1;while (v < 0) v += 12;v %= 12;d.setUTCMonth(v);while (d.getUTCMonth() !== v)d.setUTCDate(d.getUTCDate()-1);return d;},d: function(d,v){return d.setUTCDate(v);}},val, filtered;setters_map['M'] = setters_map['MM'] = setters_map['mm'] = setters_map['m'];setters_map['dd'] = setters_map['d'];date = UTCDate(date.getFullYear(), date.getMonth(), date.getDate(), 0, 0, 0);var fparts = format.parts.slice();// Remove noop partsif (parts.length !== fparts.length){fparts = $(fparts).filter(function(i,p){return $.inArray(p, setters_order) !== -1;}).toArray();}// Process remainder function match_part(){var m = this.slice(0, parts[i].length),p = parts[i].slice(0, m.length);return m === p;}if (parts.length === fparts.length){var cnt;for (i=0, cnt = fparts.length; i < cnt; i++){val = parseInt(parts[i], 10);part = fparts[i];if (isNaN(val)){switch (part){case 'MM':filtered = $(dates[language].months).filter(match_part);val = $.inArray(filtered[0], dates[language].months) + 1;break;case 'M':filtered = $(dates[language].monthsShort).filter(match_part);val = $.inArray(filtered[0], dates[language].monthsShort) + 1;break;}}parsed[part] = val;}var _date, s;for (i=0; i < setters_order.length; i++){s = setters_order[i];if (s in parsed && !isNaN(parsed[s])){_date = new Date(date);setters_map[s](_date, parsed[s]);if (!isNaN(_date))date = _date;}}}return date;},formatDate: function(date, format, language){if (!date)return '';if (typeof format === 'string')format = DPGlobal.parseFormat(format);var val = {d: date.getUTCDate(),D: dates[language].daysShort[date.getUTCDay()],DD: dates[language].days[date.getUTCDay()],m: date.getUTCMonth() + 1,M: dates[language].monthsShort[date.getUTCMonth()],MM: dates[language].months[date.getUTCMonth()],yy: date.getUTCFullYear().toString().substring(2),yyyy: date.getUTCFullYear()};val.dd = (val.d < 10 ? '0' : '') + val.d;val.mm = (val.m < 10 ? '0' : '') + val.m;date = [];var seps = $.extend([], format.separators);for (var i=0, cnt = format.parts.length; i <= cnt; i++){if (seps.length)date.push(seps.shift());date.push(val[format.parts[i]]);}return date.join('');},headTemplate: '<thead>'+'<tr>'+'<th class="prev">«</th>'+'<th colspan="5" class="datepicker-switch"></th>'+'<th class="next">»</th>'+'</tr>'+'</thead>',contTemplate: '<tbody><tr><td colspan="7"></td></tr></tbody>',footTemplate: '<tfoot>'+'<tr>'+'<th colspan="7" class="today"></th>'+'</tr>'+'<tr>'+'<th colspan="7" class="clear"></th>'+'</tr>'+'</tfoot>'};DPGlobal.template = '<div class="datepicker">'+'<div class="datepicker-days">'+'<table class=" table-condensed">'+DPGlobal.headTemplate+'<tbody></tbody>'+DPGlobal.footTemplate+'</table>'+'</div>'+'<div class="datepicker-months">'+'<table class="table-condensed">'+DPGlobal.headTemplate+DPGlobal.contTemplate+DPGlobal.footTemplate+'</table>'+'</div>'+'<div class="datepicker-years">'+'<table class="table-condensed">'+DPGlobal.headTemplate+DPGlobal.contTemplate+DPGlobal.footTemplate+'</table>'+'</div>'+'</div>';$.fn.datepicker.DPGlobal = DPGlobal;/* DATEPICKER NO CONFLICT* =================== */$.fn.datepicker.noConflict = function(){$.fn.datepicker = old;return this;};/* DATEPICKER DATA-API* ================== */$(document).on('focus.datepicker.data-api click.datepicker.data-api','[data-provide="datepicker"]',function(e){var $this = $(this);if ($this.data('datepicker'))return;e.preventDefault();// component click requires us to explicitly show it$this.datepicker('show');});$(function(){$('[data-provide="datepicker-inline"]').datepicker();});}(window.jQuery)); View Code?
?總結：使用了標準清理模式，每次操作之后，工作單元對象都被銷毀了，再次進行其他操作的時候，又會重新創建對象的實例。
完成之后項目的結構是：
?
總結
以上是生活随笔為你收集整理的5.在MVC中使用泛型仓储模式和工作单元来进行增删查改的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： ES6之字符串扩展方法（常用）
- 下一篇： 必须正确理解的---ng指令中的comp