jsgrid自定义字段select2插入后变为select

如何解决jsgrid自定义字段select2插入后变为select

当页面加载jsgrid用select2加载但插入后变成只有select 我不想要的
我希望 select2 应该被插入并且在编辑 select2 选项应该打开

var MyDateField = function(config) {
    jsGrid.Field.call(this,config);
};
MyDateField.prototype = new jsGrid.Field({
 
 css: "date-field",// redefine general property 'css'
 align: "center",// redefine general property 'align'
    // custom property

 itemTemplate: function(value,item) {
       return value;
 },insertTemplate: function(value) {
     return this._insertPickers = $("<select class='select2-singles'>")

 },editTemplate: function(value) {
     return this._editPickers = $("<select class='select2-singles'>").val(value)
 },insertValue: function(value) {
     return this._insertPickers.text()
 },editValue: function() {
    return this._editPickers.val()
 }
});


jsGrid.fields.date = MyDateField;

 <div class="card">                        
      <div class="card-body">                            
           <h5 class="float-left">Add product</h5>
          <div id="basicScenario" class="report-table"></div>
      </div>
  </div>